#476648

#476648

Color Values

HEX

#476648

RGB

71, 102, 72

HSL

121.9, 17.9%, 33.9%

HSV

121.9, 30.4%, 40.0%

CMYK

30.4%, 0.0%, 29.4%, 60.0%

OKLCH

0.4772 0.0599 145.3

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#476648

#664765

Analogous

#556647

#476657

#476648

Triadic

#476648

#484766

#664847

Split Complementary

#476648

#574766

#664755

Tetradic

#476648

#475566

#664765

#665747

Color Blindness Simulation

Original

#476648

Protanopia

#54554F

Deuteranopia

#535051

Tritanopia

#495556

Achromatopsia

#5D5D5D

CSS Usage

background-color: #476648;
color: #476648;
border-color: #476648;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D5
300
#B7CDB8
400
#90B291
500
#69966A
600
#547855
700
#436044
800
#344B35
900
#293829
950
#1A241A

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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