#22508C Color

Color Information

HEX#22508C
RGB34, 80, 140
HSL214° , 61% , 34%
HSV214° , 76% , 55%
CMYK76%, 43%, 0%, 45%

Lighter Shades

#3D659A #577AA8 #728FB5 #8CA4C3 #A7B9D1 #C1CEDF

Darker Shades

#1E467B #1A3D6A #16335A #122A49 #0E2038 #0A1627

Complementary Palette

#1D4578 #22508C #78511D #8C5E22 #9C7541 #41699C

Analogous Palette

#2F6B6F #33767A #204B84 #22508C #38337A #4B487F

Triadic Palette

#1E467B #22508C #94194E #A13563 #4E9419 #458216

Split Complementary Palette

#1F487E #22508C #8C2922 #983E38 #858C22 #787E1F

Square Palette

#1D4376 #22508C #832A7D #835D2A #228C29 #459E4B

Tetradic Palette

#1C4273 #22508C #60129B #8C5E22 #4E9B12 #6EAD3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #22508C contains 34 red, 80 green, and 140 blue.

Contrast Ratio: 8.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1