#45B5A1 Color

Color Information

HEX#45B5A1
RGB69, 181, 161
HSL169° , 45% , 49%
HSV169° , 62% , 71%
CMYK62%, 0%, 11%, 29%

Lighter Shades

#5BBEAC #72C7B8 #88D0C3 #9ED9CE #B5E1D9 #CBEAE5

Darker Shades

#3D9F8E #348A7A #2C7467 #245E54 #1C4840 #13332D

Complementary Palette

#3B9C8A #45B5A1 #9C3B4D #B54559 #BF5F70 #5FBFAE

Analogous Palette

#568F68 #5E9C71 #41AA97 #45B5A1 #5E889C #6C91A3

Triadic Palette

#3D9F8E #45B5A1 #A838C2 #B250C9 #C2A838 #AB9431

Split Complementary Palette

#3EA391 #45B5A1 #B54592 #BC589D #B56845 #A35E3E

Square Palette

#3A9887 #45B5A1 #6D51A9 #A95161 #92B545 #A3C163

Tetradic Palette

#399484 #45B5A1 #2E4BCC #B54559 #CCAF2E #D5BD54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45B5A1 contains 69 red, 181 green, and 161 blue.

Contrast Ratio: 2.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.49:1