#475522

#475522

Color Values

HEX

#475522

RGB

71, 85, 34

HSL

76,5, 42,9%, 23,3%

HSV

76,5, 60,0%, 33,3%

CMYK

16,5%, 0,0%, 60,0%, 66,7%

OKLCH

0,425 0,0764 122,5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#475522

#302255

Analogous

#554922

#2D5522

#475522

Triadic

#475522

#224755

#552247

Split Complementary

#475522

#222D55

#492255

Tetradic

#475522

#225549

#302255

#55222D

Color Blindness Simulation

Original

#475522

Protanopia

#4D4D2E

Deuteranopia

#4C4B31

Tritanopia

#48383A

Achromatopsia

#4E4E4E

CSS Usage

background-color: #475522;
color: #475522;
border-color: #475522;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F0F4E7
200
#E2EBCC
300
#CEDCA8
400
#B3C978
500
#98B649
600
#7A923A
700
#61752F
800
#4C5B24
900
#39431E
950
#242A13

Contrast Checker

Text on white

8,11:1

AA Pass AAA Pass

Text on black

2,59: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