#315F16

#315F16

Color Values

HEX

#315F16

RGB

49, 95, 22

HSL

97.8, 62.4%, 22.9%

HSV

97.8, 76.8%, 37.3%

CMYK

48.4%, 0.0%, 76.8%, 62.7%

OKLCH

0.4364 0.1143 136.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#315F16

#44165F

Analogous

#555F16

#165F1F

#315F16

Triadic

#315F16

#16315F

#5F1631

Split Complementary

#315F16

#1F165F

#5F1655

Tetradic

#315F16

#16555F

#44165F

#5F1F16

Color Blindness Simulation

Original

#315F16

Protanopia

#454528

Deuteranopia

#423F2C

Tritanopia

#333639

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#EBF7E4
200
#D6F2C5
300
#B8E89C
400
#91DC66
500
#6BCF30
600
#55A626
700
#44851F
800
#356818
900
#294C15
950
#1A300D

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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