#2C1237

#2C1237

Color Values

HEX

#2C1237

RGB

44, 18, 55

HSL

282.2, 50.7%, 14.3%

HSV

282.2, 67.3%, 21.6%

CMYK

20.0%, 67.3%, 0.0%, 78.4%

OKLCH

0.2406 0.0738 314.7

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#2C1237

#1D3712

Analogous

#191237

#37122F

#2C1237

Triadic

#2C1237

#372C12

#12372C

Split Complementary

#2C1237

#2F3712

#123719

Tetradic

#2C1237

#371912

#1D3712

#122F37

Color Blindness Simulation

Original

#2C1237

Protanopia

#21212E

Deuteranopia

#22242C

Tritanopia

#2B2725

Achromatopsia

#1A1A1A

CSS Usage

background-color: #2C1237;
color: #2C1237;
border-color: #2C1237;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F9F4FB
100
#F0E5F5
200
#E3C9ED
300
#CEA3E1
400
#B471D0
500
#9A3FC0
600
#7B329A
700
#62287B
800
#4D1F60
900
#391A47
950
#24112D

Contrast Checker

Text on white

16.82:1

AA Pass AAA Pass

Text on black

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