#447012

#447012

Color Values

HEX

#447012

RGB

68, 112, 18

HSL

88.1, 72.3%, 25.5%

HSV

88.1, 83.9%, 43.9%

CMYK

39.3%, 0.0%, 83.9%, 56.1%

OKLCH

0.4945 0.1288 132.3

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#447012

#3E1270

Analogous

#706D12

#157012

#447012

Triadic

#447012

#124470

#701244

Split Complementary

#447012

#121570

#6D1270

Tetradic

#447012

#12706D

#3E1270

#701215

Color Blindness Simulation

Original

#447012

Protanopia

#575729

Deuteranopia

#54512E

Tritanopia

#463B3F

Achromatopsia

#606060

CSS Usage

background-color: #447012;
color: #447012;
border-color: #447012;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DDF5C1
300
#C5EE96
400
#A5E55C
500
#85DC23
600
#6BB01C
700
#558D17
800
#436E12
900
#325011
950
#20330B

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026