#2B63E6 Color

Color Information

HEX	#2B63E6
RGB	43, 99, 230
HSL	222° , 79% , 54%
HSV	222° , 81% , 90%
CMYK	81%, 57%, 0%, 10%

Lighter Shades

#4476E9 #5E88EC #779BEF #91AEF2 #AAC1F5 #C4D3F8

Darker Shades

#2657CA #214BAF #1C3F93 #163378 #11285C #0C1C40

Complementary Palette

#2555C6 #2B63E6 #C69727 #E6AF2D #EABA4A #4979EA

Analogous Palette

#42A4BD #44B3CF #285DD8 #2B63E6 #6044CF #6E55D3

Triadic Palette

#2657CA #2B63E6 #F22160 #F43C73 #60F221 #54D51D

Split Complementary Palette

#2759CF #2B63E6 #E6522D #E96342 #C1E62D #AECF29

Square Palette

#2453C1 #2B63E6 #DB39BA #DBAA39 #2DE652 #4FEA6E

Tetradic Palette

#2351BD #2B63E6 #B718FB #E6AF2D #5CFB18 #79FC42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B63E6 contains 43 red, 99 green, and 230 blue.

Contrast Ratio: 5.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.02:1