#475F16

#475F16

Color Values

HEX

#475F16

RGB

71, 95, 22

HSL

79,7, 62,4%, 22,9%

HSV

79,7, 76,8%, 37,3%

CMYK

25,3%, 0,0%, 76,8%, 62,7%

OKLCH

0,4505 0,1017 126,2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#475F16

#2E165F

Analogous

#5F5216

#225F16

#475F16

Triadic

#475F16

#16475F

#5F1647

Split Complementary

#475F16

#16225F

#52165F

Tetradic

#475F16

#165F52

#2E165F

#5F1622

Color Blindness Simulation

Original

#475F16

Protanopia

#515228

Deuteranopia

#504E2C

Tritanopia

#483639

Achromatopsia

#555555

CSS Usage

background-color: #475F16;
color: #475F16;
border-color: #475F16;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9FBF3
100
#F0F7E4
200
#E3F2C5
300
#CFE89C
400
#B5DC66
500
#9BCF30
600
#7CA626
700
#63851F
800
#4D6818
900
#3A4C15
950
#25300D

Contrast Checker

Text on white

7,2:1

AA Pass AAA Pass

Text on black

2,92:1

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