#2C1730

#2C1730

Color Values

HEX

#2C1730

RGB

44, 23, 48

HSL

290.4, 35.2%, 13.9%

HSV

290.4, 52.1%, 18.8%

CMYK

8.3%, 52.1%, 0.0%, 81.2%

OKLCH

0.2452 0.0541 321.0

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#2C1730

#1B3017

Analogous

#1F1730

#301727

#2C1730

Triadic

#2C1730

#302C17

#17302C

Split Complementary

#2C1730

#273017

#17301F

Tetradic

#2C1730

#301F17

#1B3017

#172730

Color Blindness Simulation

Original

#2C1730

Protanopia

#23232A

Deuteranopia

#242628

Tritanopia

#2B2524

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F2
200
#E4CFE8
300
#D0ACD7
400
#B77FC2
500
#9E53AC
600
#7E428A
700
#65356E
800
#4F2956
900
#3B2140
950
#251528

Contrast Checker

Text on white

16.51:1

AA Pass AAA Pass

Text on black

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