#240522

#240522

Color Values

HEX

#240522

RGB

36, 5, 34

HSL

303.9, 75.6%, 8.0%

HSV

303.9, 86.1%, 14.1%

CMYK

0.0%, 86.1%, 5.6%, 85.9%

OKLCH

0.1907 0.0694 330.6

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#240522

#052407

Analogous

#160524

#240512

#240522

Triadic

#240522

#222405

#052224

Split Complementary

#240522

#122405

#052416

Tetradic

#240522

#241605

#052407

#051224

Color Blindness Simulation

Original

#240522

Protanopia

#17161B

Deuteranopia

#181B19

Tritanopia

#221514

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F6C0F3
300
#F094EA
400
#E859DF
500
#E01FD3
600
#B319A9
700
#8F1487
800
#70106A
900
#510F4D
950
#330A31

Contrast Checker

Text on white

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