#476044

#476044

Color Values

HEX

#476044

RGB

71, 96, 68

HSL

113.6, 17.1%, 32.2%

HSV

113.6, 29.2%, 37.6%

CMYK

26.0%, 0.0%, 29.2%, 62.4%

OKLCH

0.4605 0.0537 142.0

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#476044

#5D4460

Analogous

#556044

#44604F

#476044

Triadic

#476044

#444760

#604447

Split Complementary

#476044

#4F4460

#604455

Tetradic

#476044

#445560

#5D4460

#604F44

Color Blindness Simulation

Original

#476044

Protanopia

#52524B

Deuteranopia

#504E4C

Tritanopia

#485051

Achromatopsia

#595959

CSS Usage

background-color: #476044;
color: #476044;
border-color: #476044;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F8F6
100
#EBF0EB
200
#D6E1D5
300
#BACCB7
400
#94B191
500
#6E956A
600
#587755
700
#476044
800
#374B35
900
#2B3829
950
#1B231A

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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