#2554C3 Color

Color Information

HEX	#2554C3
RGB	37, 84, 195
HSL	222° , 68% , 45%
HSV	222° , 81% , 76%
CMYK	81%, 57%, 0%, 24%

Lighter Shades

#3F69CA #597DD1 #7392D9 #8EA6E0 #A8BBE7 #C2CFEE

Darker Shades

#214AAC #1C4094 #18367D #132C65 #0F224E #0A1837

Complementary Palette

#2048A8 #2554C3 #A67E20 #C19225 #CAA144 #446CCB

Analogous Palette

#388A9F #3C94AA #234FB7 #2554C3 #523CAA #614FAB

Triadic Palette

#214AAC #2554C3 #CC194F #D23564 #4FCC19 #46B416

Split Complementary Palette

#214CB0 #2554C3 #C14425 #C7573B #A2C125 #92AE21

Square Palette

#1F47A4 #2554C3 #B5309B #B58D30 #25C144 #48CB62

Tetradic Palette

#1E45A0 #2554C3 #9A10D5 #C19225 #4BD510 #6BDD3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2554C3 contains 37 red, 84 green, and 195 blue.

Contrast Ratio: 6.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1