#22A5AC Color

Color Information

HEX#22A5AC
RGB34, 165, 172
HSL183° , 67% , 40%
HSV183° , 80% , 67%
CMYK80%, 4%, 0%, 33%

Lighter Shades

#3DB0B6 #57BBC0 #72C5CA #8CD0D4 #A7DBDE #C1E6E8

Darker Shades

#1E9197 #1A7D83 #166A6E #125659 #0E4245 #0A2E30

Complementary Palette

#1D8E94 #22A5AC #92221D #AA2822 #B64641 #41B2B8

Analogous Palette

#328B63 #36966B #209BA2 #22A5AC #366196 #4B6F9B

Triadic Palette

#1E9197 #22A5AC #B517AD #BE33B7 #ADB517 #989F14

Split Complementary Palette

#1F959B #22A5AC #AA225F #B3386F #AA6D22 #99621F

Square Palette

#1D8B90 #22A5AC #6C2CA0 #A0322C #5FAA22 #79B845

Tetradic Palette

#1C878D #22A5AC #180FBD #AA2822 #B4BD0F #C2C93A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #22A5AC contains 34 red, 165 green, and 172 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.15:1