#458995

#458995

Color Values

HEX

#458995

RGB

69, 137, 149

HSL

189.0, 36.7%, 42.7%

HSV

189.0, 53.7%, 58.4%

CMYK

53.7%, 8.1%, 0.0%, 41.6%

OKLCH

0.5905 0.071 210.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#458995

#955145

Analogous

#459579

#456195

#458995

Triadic

#458995

#954589

#899545

Split Complementary

#458995

#954561

#957945

Tetradic

#458995

#794595

#955145

#619545

Color Blindness Simulation

Original

#458995

Protanopia

#626392

Deuteranopia

#5E5991

Tritanopia

#48908F

Achromatopsia

#7B7B7B

CSS Usage

background-color: #458995;
color: #458995;
border-color: #458995;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE4E8
300
#ABD2D8
400
#7EB9C3
500
#51A0AE
600
#41808B
700
#346770
800
#285057
900
#203C40
950
#142629

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026