#310A07

#310A07

Color Values

HEX

#310A07

RGB

49, 10, 7

HSL

4.3, 75.0%, 11.0%

HSV

4.3, 85.7%, 19.2%

CMYK

0.0%, 79.6%, 85.7%, 80.8%

OKLCH

0.2144 0.0641 28.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310A07

#072E31

Analogous

#310719

#311F07

#310A07

Triadic

#310A07

#07310A

#0A0731

Split Complementary

#310A07

#07311F

#071931

Tetradic

#310A07

#193107

#072E31

#1F0731

Color Blindness Simulation

Original

#310A07

Protanopia

#202008

Deuteranopia

#222508

Tritanopia

#2F0808

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C4C1
300
#F09A94
400
#E7645A
500
#DF2E20
600
#B32419
700
#8F1D14
800
#701710
900
#511410
950
#330D0A

Contrast Checker

Text on white

17.84:1

AA Pass AAA Pass

Text on black

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