#2F8F15

#2F8F15

Color Values

HEX

#2F8F15

RGB

47, 143, 21

HSL

107.2, 74.4%, 32.2%

HSV

107.2, 85.3%, 56.1%

CMYK

67.1%, 0.0%, 85.3%, 43.9%

OKLCH

0.5716 0.1755 140.3

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#2F8F15

#75158F

Analogous

#6C8F15

#158F38

#2F8F15

Triadic

#2F8F15

#152F8F

#8F152F

Split Complementary

#2F8F15

#38158F

#8F156C

Tetradic

#2F8F15

#156C8F

#75158F

#8F3815

Color Blindness Simulation

Original

#2F8F15

Protanopia

#595932

Deuteranopia

#534C3A

Tritanopia

#344A4F

Achromatopsia

#727272

CSS Usage

background-color: #2F8F15;
color: #2F8F15;
border-color: #2F8F15;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FCF3
100
#E7F8E2
200
#CCF6C1
300
#A8EF94
400
#78E75A
500
#49DE21
600
#3AB21A
700
#2F8E15
800
#256F10
900
#1E5110
950
#13330A

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

AA Pass 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