#240123

#240123

Color Values

HEX

#240123

RGB

36, 1, 35

HSL

301.7, 94.6%, 7.3%

HSV

301.7, 97.2%, 14.1%

CMYK

0.0%, 97.2%, 2.8%, 85.9%

OKLCH

0.1839 0.0804 329.5

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#240123

#012402

Analogous

#140124

#240112

#240123

Triadic

#240123

#232401

#012324

Split Complementary

#240123

#122401

#012414

Tetradic

#240123

#241401

#012402

#011224

Color Blindness Simulation

Original

#240123

Protanopia

#15151B

Deuteranopia

#171A19

Tritanopia

#221413

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FDBAFB
300
#FC88F8
400
#FA47F5
500
#F807F1
600
#C606C1
700
#9F049A
800
#7C0379
900
#5A0757
950
#390537

Contrast Checker

Text on white

19.03:1

AA Pass AAA Pass

Text on black

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