#31162F

#31162F

Color Values

HEX

#31162F

RGB

49, 22, 47

HSL

304.4, 38.0%, 13.9%

HSV

304.4, 55.1%, 19.2%

CMYK

0.0%, 55.1%, 4.1%, 80.8%

OKLCH

0.2503 0.0591 329.9

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#31162F

#163118

Analogous

#251631

#311621

#31162F

Triadic

#31162F

#2F3116

#162F31

Split Complementary

#31162F

#213116

#163125

Tetradic

#31162F

#312516

#163118

#162131

Color Blindness Simulation

Original

#31162F

Protanopia

#252529

Deuteranopia

#272928

Tritanopia

#302423

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CEE7
300
#D9ABD6
400
#C57DBF
500
#B04FA9
600
#8D3F87
700
#71336C
800
#582854
900
#41203F
950
#291428

Contrast Checker

Text on white

16.32:1

AA Pass AAA Pass

Text on black

1.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026