#458780

#458780

Color Values

HEX

#458780

RGB

69, 135, 128

HSL

173.6, 32.4%, 40.0%

HSV

173.6, 48.9%, 52.9%

CMYK

48.9%, 0.0%, 5.2%, 47.1%

OKLCH

0.5778 0.0686 186.5

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#458780

#87454C

Analogous

#45875F

#456D87

#458780

Triadic

#458780

#804587

#878045

Split Complementary

#458780

#87456D

#875F45

Tetradic

#458780

#5F4587

#87454C

#6D8745

Color Blindness Simulation

Original

#458780

Protanopia

#626282

Deuteranopia

#5E5982

Tritanopia

#488383

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E4
300
#AED6D1
400
#82BFB9
500
#56A9A0
600
#458780
700
#376C66
800
#2B5450
900
#223F3C
950
#162826

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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