#478312

#478312

Color Values

HEX

#478312

RGB

71, 131, 18

HSL

91.9, 75.8%, 29.2%

HSV

91.9, 86.3%, 51.4%

CMYK

45.8%, 0.0%, 86.3%, 48.6%

OKLCH

0.548 0.1514 134.7

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#478312

#4E1283

Analogous

#7F8312

#128316

#478312

Triadic

#478312

#124783

#831247

Split Complementary

#478312

#161283

#83127F

Tetradic

#478312

#127F83

#4E1283

#831612

Color Blindness Simulation

Original

#478312

Protanopia

#61622D

Deuteranopia

#5E5934

Tritanopia

#4A4348

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E2
200
#DAF6C0
300
#BFF093
400
#9CE859
500
#79E01F
600
#61B319
700
#4E8F14
800
#3D700F
900
#2E520F
950
#1D330A

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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