#22285A Color

Color Information

HEX#22285A
RGB34, 40, 90
HSL234° , 45% , 24%
HSV234° , 62% , 35%
CMYK62%, 56%, 0%, 65%

Lighter Shades

#3D426E #575C82 #727595 #8C8FA9 #A7A9BD #C1C3D1

Darker Shades

#1E234F #1A1E44 #161A3A #12152F #0E1024 #0A0B19

Complementary Palette

#1D224D #22285A #4D471D #595322 #706B41 #414671

Analogous Palette

#2A3B46 #2E404D #202655 #22285A #3A2E4D #4A4158

Triadic Palette

#1E234F #22285A #5F1C21 #72373C #215F1C #1D5419

Split Complementary Palette

#1F2451 #22285A #593822 #6A4C38 #435922 #3C501F

Square Palette

#1D224C #22285A #532841 #534E28 #225938 #457458

Tetradic Palette

#1C214A #22285A #5B1764 #595322 #1D6417 #468041

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #22285A contains 34 red, 40 green, and 90 blue.

Contrast Ratio: 14.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.44:1