#225567 Color

Color Information

HEX#225567
RGB34, 85, 103
HSL196° , 50% , 27%
HSV196° , 67% , 40%
CMYK67%, 17%, 0%, 60%

Lighter Shades

#3D6979 #577E8B #72929E #8CA7B0 #A7BBC2 #C1CFD4

Darker Shades

#1E4B5B #1A414E #163642 #122C36 #0E2229 #0A181D

Complementary Palette

#1D4959 #225567 #592E1D #673522 #7C5141 #416D7C

Analogous Palette

#2C544A #305A50 #205061 #225567 #303A5A #454C63

Triadic Palette

#1E4B5B #225567 #6E1C58 #7F376C #586E1C #4D6119

Split Complementary Palette

#1F4D5D #225567 #672232 #763847 #675722 #5D4E1F

Square Palette

#1D4757 #225567 #542960 #603929 #326722 #537F45

Tetradic Palette

#1C4654 #225567 #311674 #673522 #5B7416 #798D40

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225567 contains 34 red, 85 green, and 103 blue.

Contrast Ratio: 8.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1