#467A77

#467A77

Color Values

HEX

#467A77

RGB

70, 122, 119

HSL

176.5, 27.1%, 37.6%

HSV

176.5, 42.6%, 47.8%

CMYK

42.6%, 0.0%, 2.5%, 52.2%

OKLCH

0.5423 0.0561 190.9

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#467A77

#7A4649

Analogous

#467A5D

#46637A

#467A77

Triadic

#467A77

#77467A

#7A7746

Split Complementary

#467A77

#7A4663

#7A5D46

Tetradic

#467A77

#5D467A

#7A4649

#637A46

Color Blindness Simulation

Original

#467A77

Protanopia

#5D5D78

Deuteranopia

#5A5678

Tritanopia

#497878

Achromatopsia

#6F6F6F

CSS Usage

background-color: #467A77;
color: #467A77;
border-color: #467A77;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E5E4
300
#B1D2D0
400
#87BAB7
500
#5DA29E
600
#4A827E
700
#3B6865
800
#2E514F
900
#253C3B
950
#172625

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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