#458B90

#458B90

Color Values

HEX

#458B90

RGB

69, 139, 144

HSL

184.0, 35.2%, 41.8%

HSV

184.0, 52.1%, 56.5%

CMYK

52.1%, 3.5%, 0.0%, 43.5%

OKLCH

0.5935 0.0707 201.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#458B90

#904A45

Analogous

#459070

#456690

#458B90

Triadic

#458B90

#90458B

#8B9045

Split Complementary

#458B90

#904566

#907045

Tetradic

#458B90

#704590

#904A45

#669045

Color Blindness Simulation

Original

#458B90

Protanopia

#63648F

Deuteranopia

#5F5A8E

Tritanopia

#488E8E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE6E8
300
#ACD4D7
400
#7FBDC2
500
#53A6AC
600
#42858A
700
#356A6E
800
#295356
900
#213E40
950
#152728

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026