#310815

#310815

Color Values

HEX

#310815

RGB

49, 8, 21

HSL

341.0, 71.9%, 11.2%

HSV

341.0, 83.7%, 19.2%

CMYK

0.0%, 83.7%, 57.1%, 80.8%

OKLCH

0.2152 0.067 5.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310815

#083124

Analogous

#31082A

#311008

#310815

Triadic

#310815

#153108

#081531

Split Complementary

#310815

#083110

#082A31

Tetradic

#310815

#2A3108

#083124

#100831

Color Blindness Simulation

Original

#310815

Protanopia

#1F1F12

Deuteranopia

#222511

Tritanopia

#2F0F0F

Achromatopsia

#121212

CSS Usage

background-color: #310815;
color: #310815;
border-color: #310815;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FCF3F6
100
#F8E2E9
200
#F5C2D2
300
#EE96B2
400
#E45D88
500
#DB245E
600
#AF1D4B
700
#8C173C
800
#6E122F
900
#501125
950
#320B17

Contrast Checker

Text on white

17.85:1

AA Pass AAA Pass

Text on black

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