Foreground ColorAlt + F
sRGB fallback color
- #0080ff
- rgb(0 128 255)
- hsl(209.89 100% 50%)
- color(display-p3 0.2161 0.4942 0.9668)
- lch(53.54 73.07 276.81)
- lab(53.54 8.66 -72.55)
- oklab(0.62 -0.05 -0.2)
- Linear RGB vec(0.00003, 0.21591, 1.00002, 1)
- color(xyz-d65 0.41239 0.35758 0.18048)
- Figma P3 #377ef7ff
Background ColorAlt + B
sRGB fallback color
- #0080ff
- rgb(0, 128, 255)
- hsl(209.89 100% 50%)
- color(display-p3 0.2161 0.4942 0.9668)
- lch(53.54 73.07 276.81)
- lab(53.54 8.66 -72.55)
- oklab(0.62 -0.05 -0.2)
- Linear RGB vec(0.00003, 0.21591, 1.00002, 1)
- color(xyz-d65 0.41239 0.35758 0.18048)
- Figma P3 #377ef7ff
Contrast
ContrastAlt + C
Standard – WCAG 2 AAA
- Good – ratio ≥ 7.0:1
- Okay – ratio ≥ 4.5:1
- Poor – ratio < 4.5:1
Standard – WCAG 2 AA
- Good – ratio ≥ 4.5:1
- Okay – ratio ≥ 3.0:1
- Poor – ratio < 3.0:1
Standard – APCA
- Preferred – Lc ≥ 90
- Good – Lc ≥ 75
- Okay – Lc ≥ 60
- Poor – Lc ≥ 45
- Avoid – Lc < 45
Contrast Ratio:
Fallback Contrast:
9.3:1
WCAG 2 AAA (≥ 7.0:1)
WCAG 2 AAA (18pt+) (≥ 4.5:1)
WCAG 2 AA (≥ 4.5:1)
WCAG 2 AA (18pt+) (≥ 3.0:1)
Lightness Contrast:
APCA Lc ≥ 90
APCA Lc ≥ 75
APCA Lc ≥ 60
APCA Lc ≥ 45
Equivalent Foreground Color
Color space setting
sRGB
