#3C6415

#3C6415

Color Values

HEX

#3C6415

RGB

60, 100, 21

HSL

90.4, 65.3%, 23.7%

HSV

90.4, 79.0%, 39.2%

CMYK

40.0%, 0.0%, 79.0%, 60.8%

OKLCH

0.4567 0.1156 133.0

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3C6415

#3D1564

Analogous

#636415

#156415

#3C6415

Triadic

#3C6415

#153C64

#64153C

Split Complementary

#3C6415

#151564

#641563

Tetradic

#3C6415

#156364

#3D1564

#641515

Color Blindness Simulation

Original

#3C6415

Protanopia

#4D4E28

Deuteranopia

#4B482D

Tritanopia

#3E373B

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DBF3C4
300
#C1EA9A
400
#A0DE63
500
#7ED32C
600
#65A923
700
#51871C
800
#3F6916
900
#304D14
950
#1E310D

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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