#313312

#313312

Color Values

HEX

#313312

RGB

49, 51, 18

HSL

63.6, 47.8%, 13.5%

HSV

63.6, 64.7%, 20.0%

CMYK

3.9%, 0.0%, 64.7%, 80.0%

OKLCH

0.3106 0.0512 112.2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#313312

#141233

Analogous

#332412

#203312

#313312

Triadic

#313312

#123133

#331231

Split Complementary

#313312

#122033

#241233

Tetradic

#313312

#123324

#141233

#331220

Color Blindness Simulation

Original

#313312

Protanopia

#32321A

Deuteranopia

#32321C

Tritanopia

#312022

Achromatopsia

#303030

CSS Usage

background-color: #313312;
color: #313312;
border-color: #313312;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EAECCA
300
#DCDFA5
400
#C8CE74
500
#B5BC43
600
#919735
700
#74792B
800
#5B5E21
900
#43451C
950
#2A2C11

Contrast Checker

Text on white

13.02:1

AA Pass AAA Pass

Text on black

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