#24027D

#24027D

Color Values

HEX

#24027D

RGB

36, 2, 125

HSL

256.6, 96.9%, 24.9%

HSV

256.6, 98.4%, 49.0%

CMYK

71.2%, 98.4%, 0.0%, 51.0%

OKLCH

0.2889 0.1736 279.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#24027D

#5B7D02

Analogous

#021D7D

#62027D

#24027D

Triadic

#24027D

#7D2402

#027D24

Split Complementary

#24027D

#7D6202

#1D7D02

Tetradic

#24027D

#7D021D

#5B7D02

#027D62

Color Blindness Simulation

Original

#24027D

Protanopia

#15155F

Deuteranopia

#171A58

Tritanopia

#224843

Achromatopsia

#121212

CSS Usage

background-color: #24027D;
color: #24027D;
border-color: #24027D;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CCB9FE
300
#A786FD
400
#7845FC
500
#4804FB
600
#3A03C9
700
#2E03A1
800
#24027E
900
#1E065B
950
#130439

Contrast Checker

Text on white

15.22:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026