#225A98 Color

Color Information

HEX#225A98
RGB34, 90, 152
HSL212° , 63% , 36%
HSV212° , 78% , 60%
CMYK78%, 41%, 0%, 40%

Lighter Shades

#3D6EA4 #5782B1 #7295BD #8CA9C9 #A7BDD6 #C1D1E2

Darker Shades

#1E4F86 #1A4474 #163A61 #122F4F #0E243D #0A192B

Complementary Palette

#1D4D83 #225A98 #81531D #966022 #A57641 #4171A6

Analogous Palette

#307678 #348183 #20558F #225A98 #373483 #4B4988

Triadic Palette

#1E4F86 #225A98 #9F1957 #AB356B #579F19 #4D8C16

Split Complementary Palette

#1F5189 #225A98 #962622 #A13C38 #929622 #83871F

Square Palette

#1D4C80 #225A98 #8C2B89 #8C5F2B #229626 #45A749

Tetradic Palette

#1C4A7D #225A98 #6111A6 #966022 #57A611 #75B63C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225A98 contains 34 red, 90 green, and 152 blue.

Contrast Ratio: 7.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.96:1