#458B98

#458B98

Color Values

HEX

#458B98

RGB

69, 139, 152

HSL

189.4, 37.6%, 43.3%

HSV

189.4, 54.6%, 59.6%

CMYK

54.6%, 8.6%, 0.0%, 40.4%

OKLCH

0.5966 0.0729 211.2

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#458B98

#985245

Analogous

#45987B

#456198

#458B98

Triadic

#458B98

#98458B

#8B9845

Split Complementary

#458B98

#984561

#987B45

Tetradic

#458B98

#7B4598

#985245

#619845

Color Blindness Simulation

Original

#458B98

Protanopia

#636495

Deuteranopia

#5F5A94

Tritanopia

#489292

Achromatopsia

#7D7D7D

CSS Usage

background-color: #458B98;
color: #458B98;
border-color: #458B98;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE5E9
300
#ABD2D9
400
#7DB9C4
500
#50A0AF
600
#40808C
700
#336770
800
#285058
900
#203C41
950
#142629

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

5.4:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026