#280424

#280424

Color Values

HEX

#280424

RGB

40, 4, 36

HSL

306.7, 81.8%, 8.6%

HSV

306.7, 90.0%, 15.7%

CMYK

0.0%, 90.0%, 10.0%, 84.3%

OKLCH

0.1982 0.0764 332.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#280424

#042808

Analogous

#1A0428

#280412

#280424

Triadic

#280424

#242804

#042428

Split Complementary

#280424

#122804

#04281A

Tetradic

#280424

#281A04

#042808

#041228

Color Blindness Simulation

Original

#280424

Protanopia

#18181C

Deuteranopia

#1A1D1A

Tritanopia

#261615

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F7
200
#F9BEF2
300
#F490E9
400
#EE53DD
500
#E817D1
600
#B913A7
700
#940F85
800
#740C68
900
#540D4C
950
#350830

Contrast Checker

Text on white

18.53:1

AA Pass AAA Pass

Text on black

1.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026