#22505C Color

Color Information

HEX#22505C
RGB34, 80, 92
HSL192° , 46% , 25%
HSV192° , 63% , 36%
CMYK63%, 13%, 0%, 64%

Lighter Shades

#3D6570 #577A83 #728F97 #8CA4AA #A7B9BE #C1CED1

Darker Shades

#1E4651 #1A3D46 #16333B #122A30 #0E2025 #0A161A

Complementary Palette

#1D454F #22505C #50281D #5D2E22 #744B41 #416973

Analogous Palette

#2B4A40 #2F5046 #204B56 #22505C #2F3950 #434A5B

Triadic Palette

#1E4651 #22505C #631C55 #763769 #55631C #4B5719

Split Complementary Palette

#1F4853 #22505C #5D2234 #6D3848 #5D4B22 #54441F

Square Palette

#1D434D #22505C #492957 #573229 #345D22 #547745

Tetradic Palette

#1C424B #22505C #271769 #5D2E22 #586917 #768441

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #22505C contains 34 red, 80 green, and 92 blue.

Contrast Ratio: 9.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.32:1