#222E5C Color

Color Information

HEX#222E5C
RGB34, 46, 92
HSL228° , 46% , 25%
HSV228° , 63% , 36%
CMYK63%, 50%, 0%, 64%

Lighter Shades

#3D4770 #576083 #727997 #8C92AA #A7ABBE #C1C4D1

Darker Shades

#1E2851 #1A2346 #161D3B #121830 #0E1225 #0A0D1A

Complementary Palette

#1D284F #222E5C #50461D #5D5122 #746941 #414B73

Analogous Palette

#2B404A #2F4650 #202B56 #222E5C #392F50 #4A435B

Triadic Palette

#1E2851 #222E5C #631C2A #763744 #2A631C #255719

Split Complementary Palette

#1F2953 #222E5C #5D3422 #6D4838 #4B5D22 #44541F

Square Palette

#1D274D #222E5C #572949 #574E29 #225D34 #457754

Tetradic Palette

#1C264B #222E5C #581769 #5D5122 #276917 #4E8441

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222E5C contains 34 red, 46 green, and 92 blue.

Contrast Ratio: 13.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.53:1