#313414

#313414

Color Values

HEX

#313414

RGB

49, 52, 20

HSL

65.6, 44.4%, 14.1%

HSV

65.6, 61.5%, 20.4%

CMYK

5.8%, 0.0%, 61.5%, 79.6%

OKLCH

0.3137 0.0503 113.7

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#313414

#171434

Analogous

#342714

#213414

#313414

Triadic

#313414

#143134

#341431

Split Complementary

#313414

#142134

#271434

Tetradic

#313414

#143427

#171434

#341421

Color Blindness Simulation

Original

#313414

Protanopia

#32321C

Deuteranopia

#32321E

Tritanopia

#312223

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E8EBCB
300
#D8DDA7
400
#C3CB77
500
#AEB847
600
#8B9339
700
#6F762D
800
#575C23
900
#40441D
950
#292B12

Contrast Checker

Text on white

12.87:1

AA Pass AAA Pass

Text on black

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