#316015

#316015

Color Values

HEX

#316015

RGB

49, 96, 21

HSL

97.6, 64.1%, 22.9%

HSV

97.6, 78.1%, 37.6%

CMYK

49.0%, 0.0%, 78.1%, 62.4%

OKLCH

0.4392 0.1163 136.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#316015

#441560

Analogous

#566015

#15601E

#316015

Triadic

#316015

#153160

#601531

Split Complementary

#316015

#1E1560

#601556

Tetradic

#316015

#155660

#441560

#601E15

Color Blindness Simulation

Original

#316015

Protanopia

#454627

Deuteranopia

#433F2C

Tritanopia

#333539

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F2C4
300
#B8E99B
400
#91DD64
500
#6BD12E
600
#55A725
700
#44861D
800
#356917
900
#294C14
950
#1A300D

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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