#286C23

#286C23

Color Values

HEX

#286C23

RGB

40, 108, 35

HSL

115.9, 51.0%, 28.0%

HSV

115.9, 67.6%, 42.4%

CMYK

63.0%, 0.0%, 67.6%, 57.6%

OKLCH

0.4712 0.1269 142.2

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#286C23

#67236C

Analogous

#4C6C23

#236C42

#286C23

Triadic

#286C23

#23286C

#6C2328

Split Complementary

#286C23

#42236C

#6C234C

Tetradic

#286C23

#234C6C

#67236C

#6C4223

Color Blindness Simulation

Original

#286C23

Protanopia

#454635

Deuteranopia

#423C39

Tritanopia

#2B4346

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CCEEC9
300
#A7E1A3
400
#77D171
500
#47C13E
600
#399A32
700
#2E7B28
800
#24601F
900
#1D471A
950
#122D11

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

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