#4AA696 Color

Color Information

HEX#4AA696
RGB74, 166, 150
HSL170° , 38% , 47%
HSV170° , 55% , 65%
CMYK55%, 0%, 10%, 35%

Lighter Shades

#60B1A3 #75BBAF #8BC6BC #A1D1C8 #B7DBD5 #CCE6E2

Darker Shades

#419284 #387E72 #2F6A60 #26564E #1E423C #152E2A

Complementary Palette

#408F81 #4AA696 #8E404D #A54A59 #B26370 #63B2A5

Analogous Palette

#5A8168 #628D71 #469C8D #4AA696 #627F8D #6F8995

Triadic Palette

#419284 #4AA696 #9E3EB1 #AA55BA #B19E3E #9C8B37

Split Complementary Palette

#439587 #4AA696 #A54A87 #AE5C93 #A5694A #955F43

Square Palette

#3E8B7E #4AA696 #6D5699 #995661 #87A54A #9AB367

Tetradic Palette

#3D887B #4AA696 #354BBB #A54A59 #BBA535 #C7B559

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4AA696 contains 74 red, 166 green, and 150 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.29:1