#240422

#240422

Color Values

HEX

#240422

RGB

36, 4, 34

HSL

303.8, 80.0%, 7.8%

HSV

303.8, 88.9%, 14.1%

CMYK

0.0%, 88.9%, 5.6%, 85.9%

OKLCH

0.1889 0.0718 330.6

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#240422

#042406

Analogous

#160424

#240412

#240422

Triadic

#240422

#222404

#042224

Split Complementary

#240422

#122404

#042416

Tetradic

#240422

#241604

#042406

#041224

Color Blindness Simulation

Original

#240422

Protanopia

#16161B

Deuteranopia

#181A19

Tritanopia

#221514

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F8
200
#F8BFF4
300
#F391ED
400
#EC55E3
500
#E619D9
600
#B814AD
700
#93108B
800
#730D6C
900
#530E4F
950
#350932

Contrast Checker

Text on white

18.83:1

AA Pass AAA Pass

Text on black

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