#240B26

#240B26

Color Values

HEX

#240B26

RGB

36, 11, 38

HSL

295.6, 55.1%, 9.6%

HSV

295.6, 71.1%, 14.9%

CMYK

5.3%, 71.1%, 0.0%, 85.1%

OKLCH

0.2038 0.0611 324.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#240B26

#0D260B

Analogous

#170B26

#260B1A

#240B26

Triadic

#240B26

#26240B

#0B2624

Split Complementary

#240B26

#1A260B

#0B2617

Tetradic

#240B26

#26170B

#0D260B

#0B1A26

Color Blindness Simulation

Original

#240B26

Protanopia

#19191F

Deuteranopia

#1B1C1E

Tritanopia

#231A19

Achromatopsia

#121212

CSS Usage

background-color: #240B26;
color: #240B26;
border-color: #240B26;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#ECC8EF
300
#DFA0E4
400
#CD6DD5
500
#BB39C6
600
#962E9E
700
#78257F
800
#5E1D63
900
#451848
950
#2C0F2E

Contrast Checker

Text on white

18.25:1

AA Pass AAA Pass

Text on black

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