#286402

#286402

Color Values

HEX

#286402

RGB

40, 100, 2

HSL

96,7, 96,1%, 20,0%

HSV

96,7, 98,0%, 39,2%

CMYK

60,0%, 0,0%, 98,0%, 60,8%

OKLCH

0,4456 0,1353 137,6

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#286402

#3E0264

Analogous

#596402

#02640D

#286402

Triadic

#286402

#022864

#640228

Split Complementary

#286402

#0D0264

#640259

Tetradic

#286402

#025964

#3E0264

#640D02

Color Blindness Simulation

Original

#286402

Protanopia

#42431A

Deuteranopia

#3E3A1F

Tritanopia

#2B2C31

Achromatopsia

#505050

CSS Usage

background-color: #286402;
color: #286402;
border-color: #286402;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D4FEB9
300
#B5FD87
400
#8CFB46
500
#64FA05
600
#50C804
700
#40A003
800
#327D02
900
#275A07
950
#193904

Contrast Checker

Text on white

7,21:1

AA Pass AAA Pass

Text on black

2,91: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