#24015C

#24015C

Color Values

HEX

#24015C

RGB

36, 1, 92

HSL

263.1, 97.8%, 18.2%

HSV

263.1, 98.9%, 36.1%

CMYK

60.9%, 98.9%, 0.0%, 63.9%

OKLCH

0.2454 0.1382 288.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#24015C

#395C01

Analogous

#010B5C

#51015C

#24015C

Triadic

#24015C

#5C2401

#015C24

Split Complementary

#24015C

#5C5101

#0B5C01

Tetradic

#24015C

#5C010B

#395C01

#015C51

Color Blindness Simulation

Original

#24015C

Protanopia

#151546

Deuteranopia

#171A41

Tritanopia

#223531

Achromatopsia

#0F0F0F

CSS Usage

background-color: #24015C;
color: #24015C;
border-color: #24015C;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D3B8FE
300
#B486FE
400
#8B44FD
500
#6303FC
600
#4F02CA
700
#3F02A1
800
#31017E
900
#27065B
950
#18043A

Contrast Checker

Text on white

17.02:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026