#225BA8 Color

Color Information

HEX	#225BA8
RGB	34, 91, 168
HSL	214° , 66% , 40%
HSV	214° , 80% , 66%
CMYK	80%, 46%, 0%, 34%

Lighter Shades

#3D6FB2 #5782BD #7296C7 #8CAAD2 #A7BDDC #C1D1E7

Darker Shades

#1E5094 #1A4580 #163A6C #122F57 #0E2443 #0A192F

Complementary Palette

#1D4E90 #225BA8 #915F1E #A96F23 #B58342 #4172B4

Analogous Palette

#33848A #378F95 #20569E #225BA8 #3D3795 #514C9A

Triadic Palette

#1E5094 #225BA8 #B4185C #BD3470 #5CB418 #519E15

Split Complementary Palette

#1F5297 #225BA8 #A92C23 #B24139 #A0A923 #909820

Square Palette

#1D4C8D #225BA8 #9F2D98 #9F6E2D #23A92C #46B74E

Tetradic Palette

#1C4B8A #225BA8 #7110BC #A96F23 #5BBC10 #79C83B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225BA8 contains 34 red, 91 green, and 168 blue.

Contrast Ratio: 6.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.11:1