#31061F

#31061F

Color Values

HEX

#31061F

RGB

49, 6, 31

HSL

325.1, 78.2%, 10.8%

HSV

325.1, 87.8%, 19.2%

CMYK

0.0%, 87.8%, 36.7%, 80.8%

OKLCH

0.2166 0.0754 349.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#31061F

#063118

Analogous

#2E0631

#31060A

#31061F

Triadic

#31061F

#1F3106

#061F31

Split Complementary

#31061F

#0A3106

#06312E

Tetradic

#31061F

#312E06

#063118

#060A31

Color Blindness Simulation

Original

#31061F

Protanopia

#1E1E19

Deuteranopia

#212418

Tritanopia

#2F1413

Achromatopsia

#111111

CSS Usage

background-color: #31061F;
color: #31061F;
border-color: #31061F;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF2F8
100
#F9E1EF
200
#F7BFE0
300
#F292CA
400
#EA57AD
500
#E31C90
600
#B61673
700
#91125C
800
#720E48
900
#530E36
950
#340922

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