#458C87

#458C87

Color Values

HEX

#458C87

RGB

69, 140, 135

HSL

175.8, 34.0%, 41.0%

HSV

175.8, 50.7%, 54.9%

CMYK

50.7%, 0.0%, 3.6%, 45.1%

OKLCH

0.5928 0.072 189.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#458C87

#8C454A

Analogous

#458C64

#456E8C

#458C87

Triadic

#458C87

#87458C

#8C8745

Split Complementary

#458C87

#8C456E

#8C6445

Tetradic

#458C87

#64458C

#8C454A

#6E8C45

Color Blindness Simulation

Original

#458C87

Protanopia

#646488

Deuteranopia

#605A88

Tritanopia

#498989

Achromatopsia

#7D7D7D

CSS Usage

background-color: #458C87;
color: #458C87;
border-color: #458C87;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD7D4
400
#81C1BC
500
#54ABA5
600
#438984
700
#366D69
800
#2A5552
900
#223F3D
950
#152827

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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