#24043F

#24043F

Color Values

HEX

#24043F

RGB

36, 4, 63

HSL

272.5, 88.1%, 13.1%

HSV

272.5, 93.7%, 24.7%

CMYK

42.9%, 93.7%, 0.0%, 75.3%

OKLCH

0.2152 0.1029 303.1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#24043F

#1F3F04

Analogous

#06043F

#3F043C

#24043F

Triadic

#24043F

#3F2404

#043F24

Split Complementary

#24043F

#3C3F04

#043F06

Tetradic

#24043F

#3F0604

#1F3F04

#043C3F

Color Blindness Simulation

Original

#24043F

Protanopia

#161631

Deuteranopia

#181A2D

Tritanopia

#222523

Achromatopsia

#0F0F0F

CSS Usage

background-color: #24043F;
color: #24043F;
border-color: #24043F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DEBCFB
300
#C68CF8
400
#A84EF4
500
#890FF0
600
#6D0CC0
700
#580A99
800
#440878
900
#340A57
950
#210637

Contrast Checker

Text on white

18.04:1

AA Pass AAA Pass

Text on black

1.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026