#240945

#240945

Color Values

HEX

#240945

RGB

36, 9, 69

HSL

267.0, 76.9%, 15.3%

HSV

267.0, 87.0%, 27.1%

CMYK

47.8%, 87.0%, 0.0%, 72.9%

OKLCH

0.2282 0.1031 298.0

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#240945

#2A4509

Analogous

#090C45

#420945

#240945

Triadic

#240945

#452409

#094524

Split Complementary

#240945

#454209

#0C4509

Tetradic

#240945

#45090C

#2A4509

#094542

Color Blindness Simulation

Original

#240945

Protanopia

#181836

Deuteranopia

#1A1C33

Tritanopia

#232B28

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE1F9
200
#D9C0F7
300
#BD93F1
400
#9958E9
500
#761DE2
600
#5E18B4
700
#4B1390
800
#3B0F71
900
#2D0F52
950
#1C0934

Contrast Checker

Text on white

17.5:1

AA Pass AAA Pass

Text on black

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