#240223

#240223

Color Values

HEX

#240223

RGB

36, 2, 35

HSL

301.8, 89.5%, 7.5%

HSV

301.8, 94.4%, 14.1%

CMYK

0.0%, 94.4%, 2.8%, 85.9%

OKLCH

0.1858 0.0777 329.4

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#240223

#022403

Analogous

#140224

#240212

#240223

Triadic

#240223

#232402

#022324

Split Complementary

#240223

#122402

#022414

Tetradic

#240223

#241402

#022403

#021224

Color Blindness Simulation

Original

#240223

Protanopia

#15151B

Deuteranopia

#171A19

Tritanopia

#221513

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBBF9
300
#F98BF5
400
#F54CF0
500
#F20DEB
600
#C10BBC
700
#9B0996
800
#790775
900
#570955
950
#370636

Contrast Checker

Text on white

18.95:1

AA Pass AAA Pass

Text on black

1.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026