#53AC96 Color

Color Information

HEX#53AC96
RGB83, 172, 150
HSL165° , 35% , 50%
HSV165° , 52% , 67%
CMYK52%, 0%, 13%, 33%

Lighter Shades

#68B6A3 #7CC0AF #91CABC #A6D4C8 #BADED5 #CFE8E2

Darker Shades

#499784 #3F8372 #356E60 #2B594E #21453C #17302A

Complementary Palette

#479481 #53AC96 #94475A #AC5369 #B86B7E #6BB8A5

Analogous Palette

#64876D #6C9376 #4EA28D #53AC96 #6C8993 #78929B

Triadic Palette

#499784 #53AC96 #9C46B9 #A85CC1 #B99C46 #A3893E

Split Complementary Palette

#4B9B87 #53AC96 #AC5396 #B464A1 #AC6953 #9B5F4B

Square Palette

#46907E #53AC96 #70609F #9F6070 #96AC53 #A7B96F

Tetradic Palette

#448D7B #53AC96 #3C5EC3 #AC5369 #C3A13C #CEB25F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #53AC96 contains 83 red, 172 green, and 150 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.82:1