#240D45

#240D45

Color Values

HEX

#240D45

RGB

36, 13, 69

HSL

264.6, 68.3%, 16.1%

HSV

264.6, 81.2%, 27.1%

CMYK

47.8%, 81.2%, 0.0%, 72.9%

OKLCH

0.2334 0.098 296.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#240D45

#2E450D

Analogous

#0D1245

#400D45

#240D45

Triadic

#240D45

#45240D

#0D4524

Split Complementary

#240D45

#45400D

#12450D

Tetradic

#240D45

#450D12

#2E450D

#0D4540

Color Blindness Simulation

Original

#240D45

Protanopia

#1A1A37

Deuteranopia

#1B1D34

Tritanopia

#232D2A

Achromatopsia

#161616

CSS Usage

background-color: #240D45;
color: #240D45;
border-color: #240D45;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F3FC
100
#EBE3F8
200
#D7C3F4
300
#BA98EC
400
#9560E1
500
#7028D7
600
#5920AC
700
#481A89
800
#38146B
900
#2B134E
950
#1B0C31

Contrast Checker

Text on white

17.23:1

AA Pass AAA Pass

Text on black

1.22:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026