#310214

#310214

Color Values

HEX

#310214

RGB

49, 2, 20

HSL

337.0, 92.2%, 10.0%

HSV

337.0, 95.9%, 19.2%

CMYK

0.0%, 95.9%, 59.2%, 80.8%

OKLCH

0.2057 0.0776 2.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310214

#02311F

Analogous

#31022C

#310702

#310214

Triadic

#310214

#143102

#021431

Split Complementary

#310214

#023107

#022C31

Tetradic

#310214

#2C3102

#02311F

#070231

Color Blindness Simulation

Original

#310214

Protanopia

#1D1C10

Deuteranopia

#1F230F

Tritanopia

#2F0C0B

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD4
300
#FA89B5
400
#F84A8C
500
#F50A64
600
#C40850
700
#9D0640
800
#7B0532
900
#590827
950
#380519

Contrast Checker

Text on white

18.27:1

AA Pass AAA Pass

Text on black

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