#229AA0 Color

Color Information

HEX#229AA0
RGB34, 154, 160
HSL183° , 65% , 38%
HSV183° , 79% , 63%
CMYK79%, 4%, 0%, 37%

Lighter Shades

#3DA6AB #57B2B7 #72BEC2 #8CCACE #A7D7D9 #C1E3E4

Darker Shades

#1E888D #1A757A #166366 #125053 #0E3E40 #0A2B2D

Complementary Palette

#1D848A #229AA0 #8A221D #A02822 #AD4641 #41A8AD

Analogous Palette

#31815D #358D65 #209196 #229AA0 #355D8D #496A92

Triadic Palette

#1E888D #229AA0 #AA18A2 #B434AD #A2AA18 #8F9615

Split Complementary Palette

#1F8B90 #229AA0 #A0225B #AA386B #A06722 #905D1F

Square Palette

#1D8186 #229AA0 #662C96 #96312C #5BA022 #75AF45

Tetradic Palette

#1C7E83 #229AA0 #1910B1 #A02822 #A9B110 #B8BF3B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #229AA0 contains 34 red, 154 green, and 160 blue.

Contrast Ratio: 3.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.28:1