#282136#282136

#282136 is a dark, muted violet. Relative luminance 0.018; OKLCH L 26.6% C 0.039 H 299.0°. Best body text is #FFFFFF at 15.43:1 contrast (WCAG AA passes).

Color values

HEX	#282136
RGB	rgb(40, 33, 54)
HSL	hsl(260, 24%, 17%)
HSV	hsv(260, 39%, 21%)
CMYK	cmyk(25.9%, 38.9%, 0%, 78.8%)
CIE-LAB	lab(14.43, 8.79, -12.48)
CIE-LCH	lch(14.43, 15.27, 305.18°)
OKLab	oklab(26.58% 0.0192 -0.0345)
OKLCH	oklch(26.58% 0.039 299)
XYZ	xyz(2.0846, 1.8052, 3.7279)
Luminance	0.0181 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#282136 #2F3621

analogous

#212536 #282136 #332136

triadic

#282136 #362821 #213628

tetradic

#282136 #362125 #2F3621 #213633

square

#282136 #362125 #2F3621 #213633

split-complementary

#282136 #363321 #253621

monochromatic

#0E0C13 #0E0C13 #282136 #44385C #604F82

Accessibility & contrast

On white

15.43

#282136 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.36

#282136 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #282136

15.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##282136	#FFFFFF	#000000	##FFFFFF
##282136	1.00	15.43	1.36	15.43
#FFFFFF	15.43	1.00	21.00	1.00
#000000	1.36	21.00	1.00	21.00
##FFFFFF	15.43	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1C2437

Deuteranopia (green-blind)

#1D2435

Tritanopia (blue-blind)

#252429

Achromatopsia (no color)

#242424

Design tokens & code

CSS

--color: #282136;
/* rgb */ color: rgb(40, 33, 54);
/* oklch */ color: oklch(26.6% 0.039 299.0);

Tailwind

colors: {
  custom: {
    50: '#625c6d',
    500: '#282136',
    950: '#000000',
  },
}

SCSS

$custom: #282136;
$custom-light: #625c6d;
$custom-dark: #000000;

JSON

{
  "hex": "#282136",
  "rgb": {
    "r": 40,
    "g": 33,
    "b": 54
  },
  "hsl": {
    "h": 260,
    "s": 24.138,
    "l": 17.059
  },
  "oklch": {
    "l": 0.26577,
    "c": 0.03947,
    "h": 299
  },
  "luminance": 0.01805
}

Semantic roles & 50–950 ramp

primary

#282136

secondary

#5E694A

accent

#C167A3

background

#F5F5F6

surface

#EAE9EB

border

#C6C5C6

text

#050407

muted

#79797A

Preview Lab

Preview with #282136

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →