#478F4B

#478F4B

Color Values

HEX

#478F4B

RGB

71, 143, 75

HSL

123.3, 33.6%, 42.0%

HSV

123.3, 50.3%, 56.1%

CMYK

50.3%, 0.0%, 47.6%, 43.9%

OKLCH

0.5862 0.1242 144.9

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#478F4B

#8F478B

Analogous

#678F47

#478F6F

#478F4B

Triadic

#478F4B

#4B478F

#8F4B47

Split Complementary

#478F4B

#6F478F

#8F4767

Tetradic

#478F4B

#47678F

#8F478B

#8F6F47

Color Blindness Simulation

Original

#478F4B

Protanopia

#66675B

Deuteranopia

#625D5F

Tritanopia

#4B686B

Achromatopsia

#7B7B7B

CSS Usage

background-color: #478F4B;
color: #478F4B;
border-color: #478F4B;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E8F2E9
200
#CFE7D1
300
#ADD6AF
400
#81C084
500
#55AA59
600
#448847
700
#366D39
800
#2A552D
900
#223F23
950
#152816

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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