#225695 Color

Color Information

HEX	#225695
RGB	34, 86, 149
HSL	213° , 63% , 36%
HSV	213° , 77% , 58%
CMYK	77%, 42%, 0%, 42%

Lighter Shades

#3D6AA2 #577FAE #7293BB #8CA7C8 #A7BBD5 #C1D0E1

Darker Shades

#1E4C83 #1A4171 #16375F #122D4D #0E223C #0A182A

Complementary Palette

#1D4A80 #225695 #81541D #966222 #A57841 #416EA4

Analogous Palette

#307578 #347F83 #20518C #225695 #383483 #4C4988

Triadic Palette

#1E4C83 #225695 #9F1955 #AB3569 #559F19 #4B8C16

Split Complementary Palette

#1F4D86 #225695 #962822 #A13E38 #909622 #82871F

Square Palette

#1D487D #225695 #8C2B88 #8C612B #229628 #45A74A

Tetradic Palette

#1C477A #225695 #6311A6 #966222 #54A611 #73B63C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225695 contains 34 red, 86 green, and 149 blue.

Contrast Ratio: 7.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.8:1