#310C07

#310C07

Color Values

HEX

#310C07

RGB

49, 12, 7

HSL

7.1, 75.0%, 11.0%

HSV

7.1, 85.7%, 19.2%

CMYK

0.0%, 75.5%, 85.7%, 80.8%

OKLCH

0.2174 0.0616 30.8

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310C07

#072C31

Analogous

#310717

#312107

#310C07

Triadic

#310C07

#07310C

#0C0731

Split Complementary

#310C07

#073121

#071731

Tetradic

#310C07

#173107

#072C31

#210731

Color Blindness Simulation

Original

#310C07

Protanopia

#212108

Deuteranopia

#232608

Tritanopia

#2F0909

Achromatopsia

#141414

CSS Usage

background-color: #310C07;
color: #310C07;
border-color: #310C07;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FCF4F2
100
#F9E4E2
200
#F6C7C1
300
#F09F94
400
#E76B5A
500
#DF3720
600
#B32C19
700
#8F2314
800
#701B10
900
#511710
950
#330F0A

Contrast Checker

Text on white

17.7:1

AA Pass AAA Pass

Text on black

1.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026