#458F85

#458F85

Color Values

HEX

#458F85

RGB

69, 143, 133

HSL

171.9, 34.9%, 41.6%

HSV

171.9, 51.7%, 56.1%

CMYK

51.7%, 0.0%, 7.0%, 43.9%

OKLCH

0.5997 0.0757 183.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#458F85

#8F454F

Analogous

#458F60

#45748F

#458F85

Triadic

#458F85

#85458F

#8F8545

Split Complementary

#458F85

#8F4574

#8F6045

Tetradic

#458F85

#60458F

#8F454F

#748F45

Color Blindness Simulation

Original

#458F85

Protanopia

#656687

Deuteranopia

#615B88

Tritanopia

#49898A

Achromatopsia

#7F7F7F

CSS Usage

background-color: #458F85;
color: #458F85;
border-color: #458F85;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE8E4
300
#ACD7D1
400
#80C2B9
500
#53ACA0
600
#428A80
700
#356E66
800
#2A5650
900
#21403C
950
#152826

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52: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