#447642

#447642

Color Values

HEX

#447642

RGB

68, 118, 66

HSL

117.7, 28.3%, 36.1%

HSV

117.7, 44.1%, 46.3%

CMYK

42.4%, 0.0%, 44.1%, 53.7%

OKLCH

0.5165 0.0964 143.2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#447642

#744276

Analogous

#5E7642

#42765A

#447642

Triadic

#447642

#424476

#764244

Split Complementary

#447642

#5A4276

#76425E

Tetradic

#447642

#425E76

#744276

#765A42

Color Blindness Simulation

Original

#447642

Protanopia

#5A5A4F

Deuteranopia

#575352

Tritanopia

#46595B

Achromatopsia

#686868

CSS Usage

background-color: #447642;
color: #447642;
border-color: #447642;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D1
300
#B2D3B0
400
#88BB86
500
#5EA45B
600
#4B8349
700
#3C693B
800
#2F522E
900
#253D24
950
#172617

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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