#458A91

#458A91

Color Values

HEX

#458A91

RGB

69, 138, 145

HSL

185.5, 35.5%, 42.0%

HSV

185.5, 52.4%, 56.9%

CMYK

52.4%, 4.8%, 0.0%, 43.1%

OKLCH

0.5914 0.0703 204.2

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#458A91

#914C45

Analogous

#459172

#456491

#458A91

Triadic

#458A91

#91458A

#8A9145

Split Complementary

#458A91

#914564

#917245

Tetradic

#458A91

#724591

#914C45

#649145

Color Blindness Simulation

Original

#458A91

Protanopia

#63638F

Deuteranopia

#5F5A8F

Tritanopia

#488E8E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CFE6E8
300
#ACD4D8
400
#7FBCC2
500
#52A4AD
600
#42848A
700
#35696F
800
#295256
900
#213D40
950
#152728

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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