#476738

#476738

Color Values

HEX

#476738

RGB

71, 103, 56

HSL

100.9, 29.6%, 31.2%

HSV

100.9, 45.6%, 40.4%

CMYK

31.1%, 0.0%, 45.6%, 59.6%

OKLCH

0.4764 0.0808 136.3

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#476738

#583867

Analogous

#5F6738

#386741

#476738

Triadic

#476738

#384767

#673847

Split Complementary

#476738

#413867

#67385F

Tetradic

#476738

#385F67

#583867

#674138

Color Blindness Simulation

Original

#476738

Protanopia

#555543

Deuteranopia

#535146

Tritanopia

#494C4E

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D7E6D1
300
#BBD4B0
400
#97BD85
500
#72A55A
600
#5B8448
700
#496A39
800
#39532D
900
#2C3D24
950
#1C2716

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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