#2E96DC Color

Color Information

HEX#2E96DC
RGB46, 150, 220
HSL204° , 71% , 52%
HSV204° , 79% , 86%
CMYK79%, 32%, 0%, 14%

Lighter Shades

#47A3E0 #60AFE4 #79BCE9 #92C8ED #ABD5F1 #C4E2F5

Darker Shades

#2884C2 #2372A7 #1D608D #184E72 #123C58 #0D2A3E

Complementary Palette

#2881BD #2E96DC #BD6328 #DC732E #E1874B #4BA5E1

Analogous Palette

#42B3A7 #46C3B7 #2B8DCF #2E96DC #4653C3 #5661C8

Triadic Palette

#2884C2 #2E96DC #E82198 #EB3CA4 #98E821 #86CC1D

Split Complementary Palette

#2987C6 #2E96DC #DC2E3F #E04352 #DCCA2E #C6B629

Square Palette

#277EB9 #2E96DC #C03ACF #CF763A #3FDC2E #5EE24F

Tetradic Palette

#267BB4 #2E96DC #6F18F2 #DC732E #9AF218 #ACF442

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E96DC contains 46 red, 150 green, and 220 blue.

Contrast Ratio: 3.19:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 6.59:1