#3F7C05

#3F7C05

Color Values

HEX

#3F7C05

RGB

63, 124, 5

HSL

90.8, 92.2%, 25.3%

HSV

90.8, 96.0%, 48.6%

CMYK

49.2%, 0.0%, 96.0%, 51.4%

OKLCH

0.5243 0.1513 135.1

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#3F7C05

#42057C

Analogous

#7A7C05

#057C07

#3F7C05

Triadic

#3F7C05

#053F7C

#7C053F

Split Complementary

#3F7C05

#07057C

#7C057A

Tetradic

#3F7C05

#057A7C

#42057C

#7C0705

Color Blindness Simulation

Original

#3F7C05

Protanopia

#595A22

Deuteranopia

#565129

Tritanopia

#42393E

Achromatopsia

#666666

CSS Usage

background-color: #3F7C05;
color: #3F7C05;
border-color: #3F7C05;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DAFCBA
300
#C0FA89
400
#9EF84A
500
#7CF50A
600
#63C408
700
#509D06
800
#3E7B05
900
#2F5908
950
#1E3805

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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