#313014

#313014

Color Values

HEX

#313014

RGB

49, 48, 20

HSL

57,9, 42,0%, 13,5%

HSV

57,9, 59,2%, 19,2%

CMYK

0,0%, 2,0%, 59,2%, 80,8%

OKLCH

0,3027 0,0444 106,9

Properties

Warm Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#313014

#141531

Analogous

#312114

#233114

#313014

Triadic

#313014

#143130

#301431

Split Complementary

#313014

#142331

#211431

Tetradic

#313014

#143121

#141531

#311423

Color Blindness Simulation

Original

#313014

Protanopia

#31311B

Deuteranopia

#31311C

Tritanopia

#312021

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EAE9CC
300
#DCDAA8
400
#C8C679
500
#B5B14A
600
#918E3B
700
#74712F
800
#5B5925
900
#43411E
950
#2A2913

Contrast Checker

Text on white

13,43:1

AA Pass AAA Pass

Text on black

1,56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026