#2F6013

#2F6013

Color Values

HEX

#2F6013

RGB

47, 96, 19

HSL

98.2, 67.0%, 22.5%

HSV

98.2, 80.2%, 37.6%

CMYK

51.0%, 0.0%, 80.2%, 62.4%

OKLCH

0.4381 0.1187 136.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#2F6013

#441360

Analogous

#556013

#13601D

#2F6013

Triadic

#2F6013

#132F60

#60132F

Split Complementary

#2F6013

#1D1360

#601355

Tetradic

#2F6013

#135560

#441360

#601D13

Color Blindness Simulation

Original

#2F6013

Protanopia

#444526

Deuteranopia

#413E2A

Tritanopia

#313438

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EAF7E3
200
#D5F3C3
300
#B7EB99
400
#8FE061
500
#68D52A
600
#53AA22
700
#43881B
800
#346A15
900
#284E13
950
#1A310C

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026