#286102

#286102

Color Values

HEX

#286102

RGB

40, 97, 2

HSL

96,0, 96,0%, 19,4%

HSV

96,0, 97,9%, 38,0%

CMYK

58,8%, 0,0%, 97,9%, 62,0%

OKLCH

0,4368 0,1317 137,3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#286102

#3B0261

Analogous

#576102

#02610B

#286102

Triadic

#286102

#022861

#610228

Split Complementary

#286102

#0B0261

#610257

Tetradic

#286102

#025761

#3B0261

#610B02

Color Blindness Simulation

Original

#286102

Protanopia

#414119

Deuteranopia

#3D391E

Tritanopia

#2B2B2F

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D4FEB9
300
#B6FD87
400
#8FFB46
500
#67FA05
600
#52C804
700
#42A003
800
#347D03
900
#285A07
950
#193904

Contrast Checker

Text on white

7,5:1

AA Pass AAA Pass

Text on black

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