#1E96DC Color

Color Information

HEX	#1E96DC
RGB	30, 150, 220
HSL	202° , 76% , 49%
HSV	202° , 86% , 86%
CMYK	86%, 32%, 0%, 14%

Lighter Shades

#39A3E0 #54AFE4 #6FBCE9 #8AC8ED #A5D5F1 #C0E2F5

Darker Shades

#1A84C2 #1772A7 #13608D #104E72 #0C3C58 #082A3E

Complementary Palette

#1A81BD #1E96DC #BD561A #DC641E #E17A3E #3EA5E1

Analogous Palette

#32B3A2 #37C3B0 #1C8DCF #1E96DC #374AC3 #4859C7

Triadic Palette

#1A84C2 #1E96DC #E8119A #EB2EA6 #9AE811 #88CC0F

Split Complementary Palette

#1B87C6 #1E96DC #DC1E37 #E0354B #DCC31E #C6B01B

Square Palette

#197EB9 #1E96DC #B92ACF #CF672A #37DC1E #57E242

Tetradic Palette

#197BB4 #1E96DC #5E07F2 #DC641E #9CF207 #AEF434

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1E96DC contains 30 red, 150 green, and 220 blue.

Contrast Ratio: 3.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.53:1