#476314

#476314

Color Values

HEX

#476314

RGB

71, 99, 20

HSL

81.3, 66.4%, 23.3%

HSV

81.3, 79.8%, 38.8%

CMYK

28.3%, 0.0%, 79.8%, 61.2%

OKLCH

0.4612 0.1086 127.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#476314

#301463

Analogous

#635714

#1F6314

#476314

Triadic

#476314

#144763

#631447

Split Complementary

#476314

#141F63

#571463

Tetradic

#476314

#146357

#301463

#63141F

Color Blindness Simulation

Original

#476314

Protanopia

#535327

Deuteranopia

#524F2C

Tritanopia

#48363A

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F0F7E3
200
#E2F3C4
300
#CEEA99
400
#B3DF62
500
#98D42B
600
#7AAA22
700
#61881B
800
#4C6A15
900
#394D13
950
#24310C

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026