#458E79

#458E79

Color Values

HEX

#458E79

RGB

69, 142, 121

HSL

162.7, 34.6%, 41.4%

HSV

162.7, 51.4%, 55.7%

CMYK

51.4%, 0.0%, 14.8%, 44.3%

OKLCH

0.5934 0.0807 172.3

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#458E79

#8E455A

Analogous

#458E55

#457F8E

#458E79

Triadic

#458E79

#79458E

#8E7945

Split Complementary

#458E79

#8E457F

#8E5545

Tetradic

#458E79

#55458E

#8E455A

#7F8E45

Color Blindness Simulation

Original

#458E79

Protanopia

#65657E

Deuteranopia

#605B7F

Tritanopia

#498283

Achromatopsia

#7D7D7D

CSS Usage

background-color: #458E79;
color: #458E79;
border-color: #458E79;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8E1
300
#ADD7CB
400
#80C1AE
500
#53AC92
600
#438975
700
#356E5E
800
#2A5649
900
#214037
950
#152823

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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