#340A43#340A43

#340A43 is a dark, moderate purple. Relative luminance 0.014; OKLCH L 25.2% C 0.104 H 315.3°. Best body text is #FFFFFF at 16.53:1 contrast (WCAG AA passes).

Color values

HEX#340A43
RGBrgb(52, 10, 67)
HSLhsl(284, 74%, 15%)
HSVhsv(284, 85%, 26%)
CMYKcmyk(22.4%, 85.1%, 0%, 73.7%)
CIE-LABlab(11.64, 30.31, -25.99)
CIE-LCHlch(11.64, 39.93, 319.39°)
OKLaboklab(25.18% 0.074 -0.0733)
OKLCHoklch(25.18% 0.104 315.3)
XYZxyz(2.5377, 1.3525, 5.4365)
Luminance0.0135 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#340A43 #19430A
analogous
#180A43 #340A43 #430A35
triadic
#340A43 #43340A #0A4334
tetradic
#340A43 #43180A #19430A #0A3543
square
#340A43 #43180A #19430A #0A3543
split-complementary
#340A43 #35430A #0A4318
monochromatic
#15041B #15041B #340A43 #5D1278 #871AAE

Accessibility & contrast

On white

16.53
#340A43 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.27
#340A43 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #340A43
16.53:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##340A43#FFFFFF#000000##FFFFFF
##340A431.0016.531.2716.53
#FFFFFF16.531.0021.001.00
#0000001.2721.001.0021.00
##FFFFFF16.531.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001C45
Deuteranopia (green-blind)
#082042
Tritanopia (blue-blind)
#331726
Achromatopsia (no color)
#1F1F1F

Design tokens & code

CSS
--color: #340a43;
/* rgb */ color: rgb(52, 10, 67);
/* oklch */ color: oklch(25.2% 0.104 315.3);
Tailwind
colors: {
  custom: {
    50: '#6e4e77',
    500: '#340a43',
    950: '#000000',
  },
}
SCSS
$custom: #340a43;
$custom-light: #6e4e77;
$custom-dark: #000000;
JSON
{
  "hex": "#340a43",
  "rgb": {
    "r": 52,
    "g": 10,
    "b": 67
  },
  "hsl": {
    "h": 284.211,
    "s": 74.026,
    "l": 15.098
  },
  "oklch": {
    "l": 0.25177,
    "c": 0.1042,
    "h": 315.3
  },
  "luminance": 0.01352
}

Semantic roles & 50–950 ramp

primary
#340A43
secondary
#408029
accent
#F13768
background
#F6F4F7
surface
#ECE7ED
border
#C7C3C8
text
#070209
muted
#7A787B

Preview Lab

Preview with #340A43

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

Preview Lab → · Contrast checker → · Palette generator →

#340A43 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva