#225A7B Color

Color Information

HEX#225A7B
RGB34, 90, 123
HSL202° , 57% , 31%
HSV202° , 72% , 48%
CMYK72%, 27%, 0%, 52%

Lighter Shades

#3D6E8B #57829B #7295AB #8CA9BA #A7BDCA #C1D1DA

Darker Shades

#1E4F6C #1A445D #163A4F #122F40 #0E2431 #0A1922

Complementary Palette

#1D4D6A #225A7B #6B3A1D #7C4322 #8E5D41 #41718D

Analogous Palette

#2D625B #326C64 #205574 #225A7B #323A6C #464C72

Triadic Palette

#1E4F6C #225A7B #841A5D #933570 #5D841A #527417

Split Complementary Palette

#1F516F #225A7B #7C222E #893843 #7C7022 #70651F

Square Palette

#1D4C67 #225A7B #6A2A74 #74452A #2E7C22 #4F9145

Tetradic Palette

#1C4A65 #225A7B #3F148A #7C4322 #5F8A14 #7C9F3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225A7B contains 34 red, 90 green, and 123 blue.

Contrast Ratio: 7.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.79:1