#45A7A3 Color

Color Information

HEX	#45A7A3
RGB	69, 167, 163
HSL	178° , 42% , 46%
HSV	178° , 59% , 65%
CMYK	59%, 0%, 2%, 35%

Lighter Shades

#5BB2AE #72BCB9 #88C7C4 #9ED1CF #B5DCDA #CBE6E5

Darker Shades

#3D938F #347F7C #2C6B68 #245755 #1C4341 #132F2E

Complementary Palette

#3B908C #45A7A3 #903A3D #A74447 #B35E61 #5FB3B0

Analogous Palette

#56866C #5B8F74 #419D99 #45A7A3 #5B778F #6B8194

Triadic Palette

#3D938F #45A7A3 #AE38B2 #B850BB #B2AE38 #9D9931

Split Complementary Palette

#3E9693 #45A7A3 #A74479 #B05786 #A77244 #96673D

Square Palette

#3A8C89 #45A7A3 #73509B #9B5052 #79A744 #8EB562

Tetradic Palette

#398986 #45A7A3 #2F34BC #A74447 #BCB72F #C8C454

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A7A3 contains 69 red, 167 green, and 163 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.42:1