#458C88

#458C88

Color Values

HEX

#458C88

RGB

69, 140, 136

HSL

176.6, 34.0%, 41.0%

HSV

176.6, 50.7%, 54.9%

CMYK

50.7%, 0.0%, 2.9%, 45.1%

OKLCH

0.5932 0.0718 190.5

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#458C88

#8C4549

Analogous

#458C65

#456D8C

#458C88

Triadic

#458C88

#88458C

#8C8845

Split Complementary

#458C88

#8C456D

#8C6545

Tetradic

#458C88

#65458C

#8C4549

#6D8C45

Color Blindness Simulation

Original

#458C88

Protanopia

#646489

Deuteranopia

#605A89

Tritanopia

#498A8A

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD7D4
400
#81C1BD
500
#54ABA6
600
#438985
700
#366D6A
800
#2A5553
900
#223F3E
950
#152827

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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