#476419

#476419

Color Values

HEX

#476419

RGB

71, 100, 25

HSL

83.2, 60.0%, 24.5%

HSV

83.2, 75.0%, 39.2%

CMYK

29.0%, 0.0%, 75.0%, 60.8%

OKLCH

0.4643 0.1066 128.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#476419

#361964

Analogous

#645B19

#216419

#476419

Triadic

#476419

#194764

#641947

Split Complementary

#476419

#192164

#5B1964

Tetradic

#476419

#19645B

#361964

#641921

Color Blindness Simulation

Original

#476419

Protanopia

#54542B

Deuteranopia

#525030

Tritanopia

#48393D

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EFF6E4
200
#E0F1C6
300
#CAE79D
400
#ADD968
500
#91CC33
600
#74A329
700
#5D8321
800
#48661A
900
#364B16
950
#222F0E

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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