#24044C

#24044C

Color Values

HEX

#24044C

RGB

36, 4, 76

HSL

266.7, 90.0%, 15.7%

HSV

266.7, 94.7%, 29.8%

CMYK

52.6%, 94.7%, 0.0%, 70.2%

OKLCH

0.2296 0.1174 295.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#24044C

#2C4C04

Analogous

#04084C

#48044C

#24044C

Triadic

#24044C

#4C2404

#044C24

Split Complementary

#24044C

#4C4804

#084C04

Tetradic

#24044C

#4C0408

#2C4C04

#044C48

Color Blindness Simulation

Original

#24044C

Protanopia

#16163B

Deuteranopia

#181A36

Tritanopia

#222D2A

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D8BBFB
300
#BC8BF9
400
#974CF6
500
#730DF2
600
#5C0AC2
700
#4A089B
800
#390679
900
#2C0958
950
#1C0637

Contrast Checker

Text on white

17.55:1

AA Pass AAA Pass

Text on black

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