#225F9F Color

Color Information

HEX#225F9F
RGB34, 95, 159
HSL211° , 65% , 38%
HSV211° , 79% , 62%
CMYK79%, 40%, 0%, 38%

Lighter Shades

#3D72AB #5785B6 #7299C2 #8CACCD #A7BFD9 #C1D2E4

Darker Shades

#1E548C #1A4879 #163D66 #123153 #0E2640 #0A1B2D

Complementary Palette

#1D5289 #225F9F #8A551D #A06322 #AD7941 #4175AC

Analogous Palette

#318081 #358B8D #205995 #225F9F #37358D #4B4992

Triadic Palette

#1E548C #225F9F #AA185E #B43471 #5EAA18 #539615

Split Complementary Palette

#1F568F #225F9F #A02422 #AA3A38 #9EA022 #8E901F

Square Palette

#1D5086 #225F9F #962C94 #96632C #22A024 #45AF47

Tetradic Palette

#1C4E82 #225F9F #6410B1 #A06322 #5EB110 #7BBF3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225F9F contains 34 red, 95 green, and 159 blue.

Contrast Ratio: 6.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.19:1