#45B69C Color

Color Information

HEX#45B69C
RGB69, 182, 156
HSL166° , 45% , 49%
HSV166° , 62% , 71%
CMYK62%, 0%, 14%, 29%

Lighter Shades

#5BBFA8 #72C8B4 #88D0C0 #9ED9CC #B5E2D7 #CBEBE3

Darker Shades

#3DA089 #348A77 #2C7464 #245F51 #1C493E #13332C

Complementary Palette

#3B9D86 #45B69C #9C3B52 #B5455F #BF5F75 #5FC0AA

Analogous Palette

#568F65 #5E9C6E #41AB93 #45B69C #5E8C9C #6C94A3

Triadic Palette

#3DA089 #45B69C #A238C2 #AD50C9 #C2A238 #AB8F31

Split Complementary Palette

#3EA48C #45B69C #B54597 #BC58A1 #B56345 #A3593E

Square Palette

#3A9983 #45B69C #6951A9 #A95166 #97B545 #A8C163

Tetradic Palette

#399580 #45B69C #2E53CC #B5455F #CCA72E #D5B754

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45B69C contains 69 red, 182 green, and 156 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.54:1