#311830

#311830

Color Values

HEX

#311830

RGB

49, 24, 48

HSL

302.4, 34.2%, 14.3%

HSV

302.4, 51.0%, 19.2%

CMYK

0.0%, 51.0%, 2.0%, 80.8%

OKLCH

0.2546 0.0559 328.5

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#311830

#183119

Analogous

#251831

#311823

#311830

Triadic

#311830

#303118

#183031

Split Complementary

#311830

#233118

#183125

Tetradic

#311830

#312518

#183119

#182331

Color Blindness Simulation

Original

#311830

Protanopia

#26262A

Deuteranopia

#282A29

Tritanopia

#302625

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F2E8F2
200
#E8CFE7
300
#D7ADD5
400
#C180BE
500
#AB54A8
600
#894386
700
#6E366B
800
#562A54
900
#3F223E
950
#281527

Contrast Checker

Text on white

16.11:1

AA Pass AAA Pass

Text on black

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