#2F6917

#2F6917

Color Values

HEX

#2F6917

RGB

47, 105, 23

HSL

102.4, 64.1%, 25.1%

HSV

102.4, 78.1%, 41.2%

CMYK

55.2%, 0.0%, 78.1%, 58.8%

OKLCH

0.4642 0.1283 138.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#2F6917

#511769

Analogous

#586917

#176928

#2F6917

Triadic

#2F6917

#172F69

#69172F

Split Complementary

#2F6917

#281769

#691758

Tetradic

#2F6917

#175869

#511769

#692817

Color Blindness Simulation

Original

#2F6917

Protanopia

#48492B

Deuteranopia

#454030

Tritanopia

#323B3E

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#E9F7E3
200
#D2F2C4
300
#B2E99B
400
#88DD64
500
#5ED12E
600
#4BA725
700
#3C861D
800
#2F6917
900
#254C14
950
#17300D

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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