#476F25

#476F25

Color Values

HEX

#476F25

RGB

71, 111, 37

HSL

92.4, 50.0%, 29.0%

HSV

92.4, 66.7%, 43.5%

CMYK

36.0%, 0.0%, 66.7%, 56.5%

OKLCH

0.4951 0.1129 133.2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#476F25

#4D256F

Analogous

#6C6F25

#256F28

#476F25

Triadic

#476F25

#25476F

#6F2547

Split Complementary

#476F25

#28256F

#6F256C

Tetradic

#476F25

#256C6F

#4D256F

#6F2825

Color Blindness Simulation

Original

#476F25

Protanopia

#585937

Deuteranopia

#56533B

Tritanopia

#494548

Achromatopsia

#616161

CSS Usage

background-color: #476F25;
color: #476F25;
border-color: #476F25;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DAEDC9
300
#BFE0A3
400
#9DD071
500
#7ABF40
600
#629933
700
#4E7A29
800
#3D6020
900
#2F461B
950
#1D2C11

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail 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