#228ADE Color

Color Information

HEX#228ADE
RGB34, 138, 222
HSL207° , 74% , 50%
HSV207° , 85% , 87%
CMYK85%, 38%, 0%, 13%

Lighter Shades

#3D98E2 #57A6E6 #72B4EA #8CC2EE #A7D0F2 #C1DEF6

Darker Shades

#1E79C3 #1A69A9 #16588E #124873 #0E3759 #0A273E

Complementary Palette

#1D77BF #228ADE #BF651C #DE7621 #E38940 #419AE3

Analogous Palette

#36B5AE #3BC4BD #2082D1 #228ADE #3B42C4 #4A51C9

Triadic Palette

#1E79C3 #228ADE #EB148A #ED3098 #8AEB14 #79CF12

Split Complementary Palette

#1F7CC8 #228ADE #DE212B #E13740 #DED421 #C8BF1E

Square Palette

#1D74BA #228ADE #C92ED1 #D1772E #2BDE21 #4DE345

Tetradic Palette

#1C71B6 #228ADE #740AF5 #DE7621 #8BF50A #A0F736

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #228ADE contains 34 red, 138 green, and 222 blue.

Contrast Ratio: 3.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.82:1