#2B1363#2B1363

#2B1363 is a dark, vivid violet. Relative luminance 0.019; OKLCH L 28.1% C 0.130 H 288.8°. Best body text is #FFFFFF at 15.26:1 contrast (WCAG AA passes).

Color values

HEX#2B1363
RGBrgb(43, 19, 99)
HSLhsl(258, 68%, 23%)
HSVhsv(258, 81%, 39%)
CMYKcmyk(56.6%, 80.8%, 0%, 61.2%)
CIE-LABlab(14.84, 33.09, -42.66)
CIE-LCHlch(14.84, 53.99, 307.80°)
OKLaboklab(28.08% 0.0418 -0.1227)
OKLCHoklch(28.08% 0.13 288.8)
XYZxyz(3.4806, 1.8800, 11.9814)
Luminance0.0188 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2B1363 #4B6313
analogous
#132363 #2B1363 #531363
triadic
#2B1363 #632B13 #13632B
tetradic
#2B1363 #631323 #4B6313 #136353
square
#2B1363 #631323 #4B6313 #136353
split-complementary
#2B1363 #635313 #236313
monochromatic
#0B051A #150930 #2B1363 #411D96 #5827CA

Accessibility & contrast

On white

15.26
#2B1363 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.38
#2B1363 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2B1363
15.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2B1363#FFFFFF#000000##FFFFFF
##2B13631.0015.261.3815.26
#FFFFFF15.261.0021.001.00
#0000001.3821.001.0021.00
##FFFFFF15.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002765
Deuteranopia (green-blind)
#002362
Tritanopia (blue-blind)
#15293A
Achromatopsia (no color)
#252525

Design tokens & code

CSS
--color: #2b1363;
/* rgb */ color: rgb(43, 19, 99);
/* oklch */ color: oklch(28.1% 0.130 288.8);
Tailwind
colors: {
  custom: {
    50: '#6c5490',
    500: '#2b1363',
    950: '#000000',
  },
}
SCSS
$custom: #2b1363;
$custom-light: #6c5490;
$custom-dark: #000000;
JSON
{
  "hex": "#2b1363",
  "rgb": {
    "r": 43,
    "g": 19,
    "b": 99
  },
  "hsl": {
    "h": 258,
    "s": 67.797,
    "l": 23.137
  },
  "oklch": {
    "l": 0.28077,
    "c": 0.12959,
    "h": 288.8
  },
  "luminance": 0.0188
}

Semantic roles & 50–950 ramp

primary
#2B1363
secondary
#7D9B37
accent
#EB3DB7
background
#F6F4F8
surface
#ECE8F0
border
#C7C4CB
text
#07030D
muted
#7A787D

Preview Lab

Preview with #2B1363

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

Preview Lab → · Contrast checker → · Palette generator →

#2B1363 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva