#45877E

#45877E

Color Values

HEX

#45877E

RGB

69, 135, 126

HSL

171.8, 32.4%, 40.0%

HSV

171.8, 48.9%, 52.9%

CMYK

48.9%, 0.0%, 6.7%, 47.1%

OKLCH

0.5771 0.0693 184.0

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#45877E

#87454E

Analogous

#45875D

#456F87

#45877E

Triadic

#45877E

#7E4587

#877E45

Split Complementary

#45877E

#87456F

#875D45

Tetradic

#45877E

#5D4587

#87454E

#6F8745

Color Blindness Simulation

Original

#45877E

Protanopia

#626280

Deuteranopia

#5E5981

Tritanopia

#488282

Achromatopsia

#787878

CSS Usage

background-color: #45877E;
color: #45877E;
border-color: #45877E;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E4
300
#AED6D0
400
#82BFB7
500
#56A99E
600
#45877E
700
#376C65
800
#2B544F
900
#223F3B
950
#162825

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026