#331F35

#331F35

Color Values

HEX

#331F35

RGB

51, 31, 53

HSL

294,5, 26,2%, 16,5%

HSV

294,5, 41,5%, 20,8%

CMYK

3,8%, 41,5%, 0,0%, 79,2%

OKLCH

0,2745 0,0483 323,6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#331F35

#21351F

Analogous

#281F35

#351F2C

#331F35

Triadic

#331F35

#35331F

#1F3533

Split Complementary

#331F35

#2C351F

#1F3528

Tetradic

#331F35

#35281F

#21351F

#1F2C35

Color Blindness Simulation

Original

#331F35

Protanopia

#2A2A30

Deuteranopia

#2C2D2E

Tritanopia

#322B2B

Achromatopsia

#252525

CSS Usage

background-color: #331F35;
color: #331F35;
border-color: #331F35;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E3D2E5
300
#CFB2D2
400
#B588B9
500
#9B5EA1
600
#7C4B81
700
#633C67
800
#4D2F50
900
#3A253C
950
#241726

Contrast Checker

Text on white

15,13:1

AA Pass AAA Pass

Text on black

1,39:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026