#45A9A0 Color

Color Information

HEX#45A9A0
RGB69, 169, 160
HSL175° , 42% , 47%
HSV175° , 59% , 66%
CMYK59%, 0%, 5%, 34%

Lighter Shades

#5BB3AB #72BEB7 #88C8C2 #9ED2CE #B5DDD9 #CBE7E4

Darker Shades

#3D958D #34807A #2C6C66 #245853 #1C4440 #132F2D

Complementary Palette

#3B918A #45A9A0 #923C43 #AA464E #B66067 #5FB5AD

Analogous Palette

#56866A #5D9273 #419F96 #45A9A0 #5D7C92 #6D8697

Triadic Palette

#3D958D #45A9A0 #AC3AB6 #B652BF #B6AC3A #A09733

Split Complementary Palette

#3E9890 #45A9A0 #AA4680 #B3598D #AA6F46 #99643F

Square Palette

#3A8E86 #45A9A0 #71519E #9E5158 #80AA46 #94B864

Tetradic Palette

#398B83 #45A9A0 #303CC0 #AA464E #C0B430 #CBC255

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A9A0 contains 69 red, 169 green, and 160 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.54:1