#229EC0 Color

Color Information

HEX	#229EC0
RGB	34, 158, 192
HSL	193° , 70% , 44%
HSV	193° , 82% , 75%
CMYK	82%, 18%, 0%, 25%

Lighter Shades

#3DAAC8 #57B5CF #72C1D7 #8CCDDE #A7D8E6 #C1E4ED

Darker Shades

#1E8BA9 #1A7892 #16657B #125264 #0E3F4D #0A2C36

Complementary Palette

#1D88A5 #229EC0 #A43A1D #BF4422 #C85E41 #41ACC9

Analogous Palette

#349D7F #38A889 #2095B4 #229EC0 #3858A8 #4D68AC

Triadic Palette

#1E8BA9 #229EC0 #CA16A3 #D032AE #A3CA16 #8FB213

Split Complementary Palette

#1F8EAD #229EC0 #BF224E #C53860 #BF9222 #AC831F

Square Palette

#1D85A1 #229EC0 #8D2DB4 #B44A2D #4EBF22 #6AC945

Tetradic Palette

#1C829D #229EC0 #380DD3 #BF4422 #A8D30D #B8DB39

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #229EC0 contains 34 red, 158 green, and 192 blue.

Contrast Ratio: 3.08:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.81:1