#457D76

#457D76

Color Values

HEX

#457D76

RGB

69, 125, 118

HSL

172.5, 28.9%, 38.0%

HSV

172.5, 44.8%, 49.0%

CMYK

44.8%, 0.0%, 5.6%, 51.0%

OKLCH

0.549 0.0605 185.3

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#457D76

#7D454C

Analogous

#457D5A

#45687D

#457D76

Triadic

#457D76

#76457D

#7D7645

Split Complementary

#457D76

#7D4568

#7D5A45

Tetradic

#457D76

#5A457D

#7D454C

#687D45

Color Blindness Simulation

Original

#457D76

Protanopia

#5D5E78

Deuteranopia

#5A5678

Tritanopia

#487979

Achromatopsia

#717171

CSS Usage

background-color: #457D76;
color: #457D76;
border-color: #457D76;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D1E6E3
300
#B0D3CF
400
#85BCB5
500
#5BA49B
600
#49837C
700
#3A6963
800
#2D524E
900
#243D3A
950
#172725

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail 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