#312C00

#312C00

Color Values

HEX

#312C00

RGB

49, 44, 0

HSL

53.9, 100.0%, 9.6%

HSV

53.9, 100.0%, 19.2%

CMYK

0.0%, 10.2%, 100.0%, 80.8%

OKLCH

0.2894 0.0608 102.8

Properties

Warm Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#312C00

#000531

Analogous

#311400

#1D3100

#312C00

Triadic

#312C00

#00312C

#2C0031

Split Complementary

#312C00

#001D31

#140031

Tetradic

#312C00

#003114

#000531

#31001D

Color Blindness Simulation

Original

#312C00

Protanopia

#2F2F0B

Deuteranopia

#2F300D

Tritanopia

#311315

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCF9DE
200
#FFF8B8
300
#FFF385
400
#FFEC42
500
#FFE500
600
#CCB700
700
#A39300
800
#807300
900
#5C5305
950
#3A3503

Contrast Checker

Text on white

14.09:1

AA Pass AAA Pass

Text on black

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