#02680D

#02680D

Color Values

HEX

#02680D

RGB

2, 104, 13

HSL

126.5, 96.2%, 20.8%

HSV

126.5, 98.1%, 40.8%

CMYK

98.1%, 0.0%, 87.5%, 59.2%

OKLCH

0.4491 0.1471 143.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#02680D

#68025D

Analogous

#2A6802

#026840

#02680D

Triadic

#02680D

#0D0268

#680D02

Split Complementary

#02680D

#400268

#68022A

Tetradic

#02680D

#022A68

#68025D

#684002

Color Blindness Simulation

Original

#02680D

Protanopia

#2E2F23

Deuteranopia

#282128

Tritanopia

#073438

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DFFCE2
200
#B9FEC0
300
#87FD94
400
#46FB5A
500
#05FA1F
600
#04C819
700
#03A014
800
#027D10
900
#075A10
950
#04390A

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

2.99: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