#286F20

#286F20

Color Values

HEX

#286F20

RGB

40, 111, 32

HSL

113.9, 55.2%, 28.0%

HSV

113.9, 71.2%, 43.5%

CMYK

64.0%, 0.0%, 71.2%, 56.5%

OKLCH

0.4795 0.1333 141.7

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#286F20

#67206F

Analogous

#4F6F20

#206F3F

#286F20

Triadic

#286F20

#20286F

#6F2028

Split Complementary

#286F20

#3F206F

#6F204F

Tetradic

#286F20

#204F6F

#67206F

#6F3F20

Color Blindness Simulation

Original

#286F20

Protanopia

#474733

Deuteranopia

#433D38

Tritanopia

#2C4246

Achromatopsia

#5A5A5A

CSS Usage

background-color: #286F20;
color: #286F20;
border-color: #286F20;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF4
100
#E6F6E5
200
#CCEFC8
300
#A7E4A0
400
#77D56D
500
#47C639
600
#399E2E
700
#2E7F25
800
#24631D
900
#1D4918
950
#122E0F

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026