#311226

#311226

Color Values

HEX

#311226

RGB

49, 18, 38

HSL

321.3, 46.3%, 13.1%

HSV

321.3, 63.3%, 19.2%

CMYK

0.0%, 63.3%, 22.4%, 80.8%

OKLCH

0.2382 0.0585 343.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#311226

#12311D

Analogous

#2C1231

#311216

#311226

Triadic

#311226

#263112

#122631

Split Complementary

#311226

#163112

#12312C

Tetradic

#311226

#312C12

#12311D

#121631

Color Blindness Simulation

Original

#311226

Protanopia

#242321

Deuteranopia

#252820

Tritanopia

#2F1D1C

Achromatopsia

#1A1A1A

CSS Usage

background-color: #311226;
color: #311226;
border-color: #311226;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCBE0
300
#DEA5CA
400
#CC75AD
500
#BB4491
600
#953774
700
#772C5D
800
#5D2248
900
#451C36
950
#2B1222

Contrast Checker

Text on white

16.87:1

AA Pass AAA Pass

Text on black

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