Skip to main content
ToolsHub
#2094F3

#2094F3 Color — #2094F3

Complete color reference for #2094F3: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#2094F3
RGBrgb(32, 148, 243)
HSLhsl(207, 90%, 54%)
HSVhsv(207, 87%, 95%)
CMYKC:87% M:39% Y:0% K:5%
CSS Color#2094F3
Decimal2135283
Luminance0.2796

WCAG Accessibility Contrast

#2094F3 on White
Ratio: 3.19:1 — AA Large
#2094F3 on Black
Ratio: 6.59:1 — AA
White on #2094F3
Ratio: 3.19:1 — AA Large
Black on #2094F3
Ratio: 6.59:1 — AA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F4FAFE
100#DEEFFD
200#BCDFFB
300#9BCFFA
400#6EB9F7
500#2094F3
600#1A76C2
700#135992
800#0D3B61
900#08253D

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #2094F3?

The RGB equivalent is rgb(32, 148, 243). The red channel is 32, green is 148, and blue is 243 (scale 0–255).

What is the HSL value of #2094F3?

The HSL value is hsl(207, 90%, 54%). Hue is 207°, saturation is 90%, and lightness is 54%.

Does #2094F3 meet WCAG accessibility standards?

On a white background, #2094F3 achieves a 3.19:1 contrast ratio (AA Large). On a black background it achieves 6.59:1 (AA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #2094F3?

The complementary color (180° opposite on the hue wheel) of #2094F3 is #F37F20.