#45A4AB Color

Color Information

HEX	#45A4AB
RGB	69, 164, 171
HSL	184° , 43% , 47%
HSV	184° , 60% , 67%
CMYK	60%, 4%, 0%, 33%

Lighter Shades

#5BAFB5 #72BABF #88C5C9 #9ED0D3 #B5DBDD #CBE6E7

Darker Shades

#3D9096 #347D82 #2C696D #245559 #1C4244 #132E30

Complementary Palette

#3B8D93 #45A4AB #93413A #AB4B44 #B7645E #5FB1B7

Analogous Palette

#548771 #5C937C #419AA1 #45A4AB #5C7493 #6C7F99

Triadic Palette

#3D9096 #45A4AB #B738B1 #C050BA #B1B738 #9CA131

Split Complementary Palette

#3E949A #45A4AB #AB4471 #B3577F #AB7F44 #9A723D

Square Palette

#3A8A90 #45A4AB #7D509F #9F5650 #71AB44 #88B862

Tetradic Palette

#39868C #45A4AB #382FC1 #AB4B44 #BAC12F #C6CC54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A4AB contains 69 red, 164 green, and 171 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.26:1