#310622

#310622

Color Values

HEX

#310622

RGB

49, 6, 34

HSL

320.9, 78.2%, 10.8%

HSV

320.9, 87.8%, 19.2%

CMYK

0.0%, 87.8%, 30.6%, 80.8%

OKLCH

0.2182 0.0775 345.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310622

#063115

Analogous

#2B0631

#31060D

#310622

Triadic

#310622

#223106

#062231

Split Complementary

#310622

#0D3106

#06312B

Tetradic

#310622

#312B06

#063115

#060D31

Color Blindness Simulation

Original

#310622

Protanopia

#1E1E1B

Deuteranopia

#21241A

Tritanopia

#2F1615

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FCF2F9
100
#F9E1F1
200
#F7BFE4
300
#F292D0
400
#EA57B7
500
#E31C9E
600
#B6167E
700
#911265
800
#720E4F
900
#530E3B
950
#340925

Contrast Checker

Text on white

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