#222B5E Color

Color Information

HEX#222B5E
RGB34, 43, 94
HSL231° , 47% , 25%
HSV231° , 64% , 37%
CMYK64%, 54%, 0%, 63%

Lighter Shades

#3D4471 #575E85 #727798 #8C91AB #A7AABF #C1C4D2

Darker Shades

#1E2653 #1A2147 #161C3C #121631 #0E1126 #0A0C1A

Complementary Palette

#1D2551 #222B5E #51491D #5E5522 #756D41 #414975

Analogous Palette

#2B3F4A #2F4551 #202858 #222B5E #3B2F51 #4B435B

Triadic Palette

#1E2653 #222B5E #641B26 #773640 #26641B #215818

Split Complementary Palette

#1F2755 #222B5E #5E3722 #6E4B38 #495E22 #42551F

Square Palette

#1D244F #222B5E #572847 #575028 #225E37 #457857

Tetradic Palette

#1C234D #222B5E #5D1669 #5E5522 #236916 #4B8440

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222B5E contains 34 red, 43 green, and 94 blue.

Contrast Ratio: 14.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.5:1