#478A13

#478A13

Color Values

HEX

#478A13

RGB

71, 138, 19

HSL

93.8, 75.8%, 30.8%

HSV

93.8, 86.2%, 54.1%

CMYK

48.6%, 0.0%, 86.2%, 45.9%

OKLCH

0.567 0.1595 135.7

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#478A13

#56138A

Analogous

#838A13

#138A1B

#478A13

Triadic

#478A13

#13478A

#8A1347

Split Complementary

#478A13

#1B138A

#8A1383

Tetradic

#478A13

#13838A

#56138A

#8A1B13

Color Blindness Simulation

Original

#478A13

Protanopia

#646530

Deuteranopia

#605B37

Tritanopia

#4A474C

Achromatopsia

#737373

CSS Usage

background-color: #478A13;
color: #478A13;
border-color: #478A13;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FCF2
100
#ECF9E2
200
#D8F6C0
300
#BCF093
400
#98E859
500
#73E01F
600
#5CB319
700
#4A8F14
800
#3A700F
900
#2C520F
950
#1C330A

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026