#2E6C09

#2E6C09

Color Values

HEX

#2E6C09

RGB

46, 108, 9

HSL

97.6, 84.6%, 22.9%

HSV

97.6, 91.7%, 42.4%

CMYK

57.4%, 0.0%, 91.7%, 57.6%

OKLCH

0.4716 0.1394 137.5

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#2E6C09

#47096C

Analogous

#5F6C09

#096C16

#2E6C09

Triadic

#2E6C09

#092E6C

#6C092E

Split Complementary

#2E6C09

#16096C

#6C095F

Tetradic

#2E6C09

#095F6C

#47096C

#6C1609

Color Blindness Simulation

Original

#2E6C09

Protanopia

#494921

Deuteranopia

#454127

Tritanopia

#313438

Achromatopsia

#585858

CSS Usage

background-color: #2E6C09;
color: #2E6C09;
border-color: #2E6C09;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D4FABD
300
#B5F68E
400
#8CF051
500
#64EB14
600
#50BC10
700
#40970D
800
#32760A
900
#27550C
950
#193607

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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