#478170

#478170

Color Values

HEX

#478170

RGB

71, 129, 112

HSL

162.4, 29.0%, 39.2%

HSV

162.4, 45.0%, 50.6%

CMYK

45.0%, 0.0%, 13.2%, 49.4%

OKLCH

0.5583 0.0671 172.8

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#478170

#814758

Analogous

#478153

#477581

#478170

Triadic

#478170

#704781

#817047

Split Complementary

#478170

#814775

#815347

Tetradic

#478170

#534781

#814758

#758147

Color Blindness Simulation

Original

#478170

Protanopia

#606174

Deuteranopia

#5D5875

Tritanopia

#4A7778

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6E0
300
#B0D4C9
400
#85BCAC
500
#5BA48F
600
#488472
700
#3A695B
800
#2D5247
900
#243D36
950
#172722

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026