#458387

#458387

Color Values

HEX

#458387

RGB

69, 131, 135

HSL

183.6, 32.4%, 40.0%

HSV

183.6, 48.9%, 52.9%

CMYK

48.9%, 3.0%, 0.0%, 47.1%

OKLCH

0.5702 0.0643 201.0

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#458387

#874945

Analogous

#45876A

#456287

#458387

Triadic

#458387

#874583

#838745

Split Complementary

#458387

#874562

#876A45

Tetradic

#458387

#6A4587

#874945

#628745

Color Blindness Simulation

Original

#458387

Protanopia

#606086

Deuteranopia

#5C5886

Tritanopia

#488585

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED3D6
400
#82BCBF
500
#56A4A9
600
#458387
700
#37696C
800
#2B5254
900
#223D3F
950
#162628

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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