#225577 Color

Color Information

HEX#225577
RGB34, 85, 119
HSL204° , 56% , 30%
HSV204° , 71% , 47%
CMYK71%, 29%, 0%, 53%

Lighter Shades

#3D6987 #577E98 #7292A8 #8CA7B8 #A7BBC9 #C1CFD9

Darker Shades

#1E4B69 #1A415A #16364C #122C3E #0E2230 #0A1821

Complementary Palette

#1D4966 #225577 #663A1D #774422 #8A5E41 #416D8A

Analogous Palette

#2C5E5A #316863 #205070 #225577 #313668 #474A71

Triadic Palette

#1E4B69 #225577 #7F1A57 #8E356B #577F1A #4D7017

Split Complementary Palette

#1F4D6B #225577 #77222A #85383F #776F22 #6B641F

Square Palette

#1D4764 #225577 #692970 #704529 #2A7722 #4C8D45

Tetradic Palette

#1C4662 #225577 #411485 #774422 #588514 #769B3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225577 contains 34 red, 85 green, and 119 blue.

Contrast Ratio: 8.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1