#2C1F37

#2C1F37

Color Values

HEX

#2C1F37

RGB

44, 31, 55

HSL

272.5, 27.9%, 16.9%

HSV

272.5, 43.6%, 21.6%

CMYK

20.0%, 43.6%, 0.0%, 78.4%

OKLCH

0.2665 0.0468 308.4

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#2C1F37

#2A371F

Analogous

#201F37

#371F36

#2C1F37

Triadic

#2C1F37

#372C1F

#1F372C

Split Complementary

#2C1F37

#36371F

#1F3720

Tetradic

#2C1F37

#37201F

#2A371F

#1F3637

Color Blindness Simulation

Original

#2C1F37

Protanopia

#262631

Deuteranopia

#272830

Tritanopia

#2B2D2C

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DCD1E5
300
#C3B1D3
400
#A386BB
500
#825CA3
600
#684A82
700
#533B68
800
#412E52
900
#31243D
950
#1F1726

Contrast Checker

Text on white

15.46:1

AA Pass AAA Pass

Text on black

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