#222245 Color

Color Information

HEX#222245
RGB34, 34, 69
HSL240° , 34% , 20%
HSV240° , 51% , 27%
CMYK51%, 51%, 0%, 73%

Lighter Shades

#3D3D5B #575772 #727288 #8C8C9E #A7A7B5 #C1C1CB

Darker Shades

#1E1E3D #1A1A34 #16162C #121224 #0E0E1C #0A0A13

Complementary Palette

#1D1D3B #222245 #3A3A1D #444422 #5E5E41 #41415F

Analogous Palette

#272E35 #2B333B #202041 #222245 #332B3B #42384C

Triadic Palette

#1E1E3D #222245 #491D1D #5F3838 #1D491D #1A401A

Split Complementary Palette

#1F1F3E #222245 #443322 #574738 #334422 #2E3D1F

Square Palette

#1D1D3A #222245 #3F2733 #3F3F27 #224433 #456254

Tetradic Palette

#1C1C39 #222245 #4D194D #444422 #194D19 #426D42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222245 contains 34 red, 34 green, and 69 blue.

Contrast Ratio: 16.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.3:1