#280314

#280314

Color Values

HEX

#280314

RGB

40, 3, 20

HSL

332.4, 86.0%, 8.4%

HSV

332.4, 92.5%, 15.7%

CMYK

0.0%, 92.5%, 50.0%, 84.3%

OKLCH

0.1871 0.0667 356.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#280314

#032817

Analogous

#280326

#280403

#280314

Triadic

#280314

#142803

#031428

Split Complementary

#280314

#032804

#032628

Tetradic

#280314

#262803

#032817

#040328

Color Blindness Simulation

Original

#280314

Protanopia

#181810

Deuteranopia

#1A1D0F

Tritanopia

#260D0C

Achromatopsia

#0C0C0C

CSS Usage

background-color: #280314;
color: #280314;
border-color: #280314;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABDD9
300
#F68DBE
400
#F2509A
500
#ED1277
600
#BE0E5F
700
#980B4C
800
#77093B
900
#560B2D
950
#36071D

Contrast Checker

Text on white

18.86:1

AA Pass AAA Pass

Text on black

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