#222E89 Color

Color Information

HEX#222E89
RGB34, 46, 137
HSL233° , 60% , 34%
HSV233° , 75% , 54%
CMYK75%, 66%, 0%, 46%

Lighter Shades

#3D4797 #5760A5 #7279B3 #8C92C2 #A7ABD0 #C1C4DE

Darker Shades

#1E2879 #1A2368 #161D58 #121847 #0E1237 #0A0D26

Complementary Palette

#1D2876 #222E89 #786D1E #8B7F23 #9B9142 #414B9A

Analogous Palette

#2F566F #345F79 #202B81 #222E89 #4F3479 #5D497E

Triadic Palette

#1E2879 #222E89 #931A28 #A03542 #28931A #238117

Split Complementary Palette

#1F297B #222E89 #8B4B23 #975D39 #638B23 #597D20

Square Palette

#1D2773 #222E89 #822B61 #82782B #238B4B #469E68

Tetradic Palette

#1C2670 #222E89 #8B139A #8B7F23 #239A13 #4BAC3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222E89 contains 34 red, 46 green, and 137 blue.

Contrast Ratio: 12.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.75:1