#229AB5 Color

Color Information

HEX#229AB5
RGB34, 154, 181
HSL191° , 68% , 42%
HSV191° , 81% , 71%
CMYK81%, 15%, 0%, 29%

Lighter Shades

#3DA6BE #57B2C7 #72BED0 #8CCAD9 #A7D7E1 #C1E3EA

Darker Shades

#1E889F #1A758A #166374 #12505E #0E3E48 #0A2B33

Complementary Palette

#1D849C #229AB5 #9B341D #B43D22 #BF5841 #41A8BF

Analogous Palette

#339475 #389F7E #2091AA #229AB5 #38589F #4D68A3

Triadic Palette

#1E889F #229AB5 #BF18A0 #C734AB #A0BF18 #8DA815

Split Complementary Palette

#1F8BA3 #229AB5 #B42250 #BC3862 #B48622 #A2791F

Square Palette

#1D8198 #229AB5 #822DA9 #A9442D #50B422 #6CC045

Tetradic Palette

#1C7E94 #229AB5 #310FC7 #B43D22 #A5C70F #B5D13A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #229AB5 contains 34 red, 154 green, and 181 blue.

Contrast Ratio: 3.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.45:1