#478942

#478942

Color Values

HEX

#478942

RGB

71, 137, 66

HSL

115.8, 35.0%, 39.8%

HSV

115.8, 51.8%, 53.7%

CMYK

48.2%, 0.0%, 51.8%, 46.3%

OKLCH

0.5688 0.1243 142.4

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#478942

#844289

Analogous

#6A8942

#428961

#478942

Triadic

#478942

#424789

#894247

Split Complementary

#478942

#614289

#89426A

Tetradic

#478942

#426A89

#844289

#896142

Color Blindness Simulation

Original

#478942

Protanopia

#646453

Deuteranopia

#605B57

Tritanopia

#4A6164

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E9F2E8
200
#D1E8CF
300
#AFD7AC
400
#84C280
500
#59AC53
600
#478A42
700
#396E35
800
#2D5629
900
#234021
950
#162815

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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