#229BB6 Color

Color Information

HEX#229BB6
RGB34, 155, 182
HSL191° , 69% , 42%
HSV191° , 81% , 71%
CMYK81%, 15%, 0%, 29%

Lighter Shades

#3DA7BF #57B3C8 #72BFD0 #8CCBD9 #A7D7E2 #C1E3EB

Darker Shades

#1E88A0 #1A768A #166374 #12515F #0E3E49 #0A2B33

Complementary Palette

#1D859D #229BB6 #9C341C #B53C21 #BF5740 #41A9C0

Analogous Palette

#329576 #37A07E #2092AB #229BB6 #3758A0 #4C68A4

Triadic Palette

#1E88A0 #229BB6 #C016A1 #C832AC #A1C016 #8EA913

Split Complementary Palette

#1F8CA4 #229BB6 #B52150 #BC3762 #B58621 #A3791E

Square Palette

#1D8299 #229BB6 #822CAA #AA432C #50B521 #6CC145

Tetradic Palette

#1C7F95 #229BB6 #300EC8 #B53C21 #A6C80E #B6D239

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #229BB6 contains 34 red, 155 green, and 182 blue.

Contrast Ratio: 3.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.52:1