#240502

#240502

Color Values

HEX

#240502

RGB

36, 5, 2

HSL

5.3, 89.5%, 7.5%

HSV

5.3, 94.4%, 14.1%

CMYK

0.0%, 86.1%, 94.4%, 85.9%

OKLCH

0.176 0.0555 32.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#240502

#022124

Analogous

#240210

#241602

#240502

Triadic

#240502

#022405

#050224

Split Complementary

#240502

#022416

#021024

Tetradic

#240502

#102402

#022124

#160224

Color Blindness Simulation

Original

#240502

Protanopia

#171603

Deuteranopia

#181B03

Tritanopia

#220303

Achromatopsia

#0B0B0B

CSS Usage

background-color: #240502;
color: #240502;
border-color: #240502;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#FDF3F2
100
#FBE2E0
200
#FBC1BB
300
#F9958B
400
#F55B4C
500
#F2220D
600
#C11B0B
700
#9B1509
800
#791107
900
#571009
950
#370A06

Contrast Checker

Text on white

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