#458287

#458287

Color Values

HEX

#458287

RGB

69, 130, 135

HSL

184.5, 32.4%, 40.0%

HSV

184.5, 48.9%, 52.9%

CMYK

48.9%, 3.7%, 0.0%, 47.1%

OKLCH

0.5677 0.0637 202.5

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#458287

#874A45

Analogous

#45876B

#456187

#458287

Triadic

#458287

#874582

#828745

Split Complementary

#458287

#874561

#876B45

Tetradic

#458287

#6B4587

#874A45

#618745

Color Blindness Simulation

Original

#458287

Protanopia

#5F6086

Deuteranopia

#5C5786

Tritanopia

#488585

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED3D6
400
#82BBBF
500
#56A3A9
600
#458287
700
#37686C
800
#2B5154
900
#223C3F
950
#162628

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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