#24054F

#24054F

Color Values

HEX

#24054F

RGB

36, 5, 79

HSL

265.1, 88.1%, 16.5%

HSV

265.1, 93.7%, 31.0%

CMYK

54.4%, 93.7%, 0.0%, 69.0%

OKLCH

0.2342 0.1197 293.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#24054F

#304F05

Analogous

#050B4F

#49054F

#24054F

Triadic

#24054F

#4F2405

#054F24

Split Complementary

#24054F

#4F4905

#0B4F05

Tetradic

#24054F

#4F050B

#304F05

#054F49

Color Blindness Simulation

Original

#24054F

Protanopia

#17163D

Deuteranopia

#181B39

Tritanopia

#222F2C

Achromatopsia

#111111

CSS Usage

background-color: #24054F;
color: #24054F;
border-color: #24054F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F2FD
100
#EBE0FB
200
#D6BCFB
300
#B98CF8
400
#934EF4
500
#6D0FF0
600
#570CC0
700
#460A99
800
#370878
900
#2A0A57
950
#1B0637

Contrast Checker

Text on white

17.36:1

AA Pass AAA Pass

Text on black

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