#2F5C01

#2F5C01

Color Values

HEX

#2F5C01

RGB

47, 92, 1

HSL

89.7, 97.8%, 18.2%

HSV

89.7, 98.9%, 36.1%

CMYK

48.9%, 0.0%, 98.9%, 63.9%

OKLCH

0.4255 0.1223 134.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#2F5C01

#2E015C

Analogous

#5C5B01

#015C01

#2F5C01

Triadic

#2F5C01

#012F5C

#5C012F

Split Complementary

#2F5C01

#01015C

#5B015C

Tetradic

#2F5C01

#015C5B

#2E015C

#5C0101

Color Blindness Simulation

Original

#2F5C01

Protanopia

#424317

Deuteranopia

#403C1C

Tritanopia

#31282C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EDFCDE
200
#DCFEB8
300
#C2FE86
400
#A2FD44
500
#81FC03
600
#67CA02
700
#52A102
800
#407E01
900
#315B06
950
#1F3A04

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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