#225372 Color

Color Information

HEX#225372
RGB34, 83, 114
HSL203° , 54% , 29%
HSV203° , 70% , 45%
CMYK70%, 27%, 0%, 55%

Lighter Shades

#3D6883 #577C94 #7291A5 #8CA6B6 #A7BAC7 #C1CFD8

Darker Shades

#1E4964 #1A3F57 #163549 #122B3B #0E212E #0A1720

Complementary Palette

#1D4762 #225372 #62381D #724122 #865C41 #416B86

Analogous Palette

#2D5C58 #31635D #204E6B #225372 #313763 #474B6C

Triadic Palette

#1E4964 #225372 #791B55 #893669 #55791B #4B6A18

Split Complementary Palette

#1F4B67 #225372 #72222B #803840 #726922 #675F1F

Square Palette

#1D4660 #225372 #63296A #6A4229 #2B7222 #4D8945

Tetradic Palette

#1C445D #225372 #3E157F #724122 #567F15 #74963F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225372 contains 34 red, 83 green, and 114 blue.

Contrast Ratio: 8.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1