#463A67#463A67

#463A67 is a dark, moderate violet. Relative luminance 0.053; OKLCH L 38.2% C 0.076 H 294.8°. Best body text is #FFFFFF at 10.19:1 contrast (WCAG AA passes).

Color values

HEX	#463A67
RGB	rgb(70, 58, 103)
HSL	hsl(256, 28%, 32%)
HSV	hsv(256, 44%, 40%)
CMYK	cmyk(32%, 43.7%, 0%, 59.6%)
CIE-LAB	lab(27.59, 16.43, -24.60)
CIE-LCH	lch(27.59, 29.58, 303.73°)
OKLab	oklab(38.23% 0.0319 -0.0688)
OKLCH	oklch(38.23% 0.076 294.8)
XYZ	xyz(6.4864, 5.3074, 13.5120)
Luminance	0.0531 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#463A67 #5B673A

analogous

#3A4567 #463A67 #5D3A67

triadic

#463A67 #67463A #3A6746

tetradic

#463A67 #673A45 #5B673A #3A675D

square

#463A67 #673A45 #5B673A #3A675D

split-complementary

#463A67 #675D3A #45673A

monochromatic

#110E19 #2B2440 #463A67 #61508E #7F6EAD

Accessibility & contrast

On white

10.19

#463A67 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.06

#463A67 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #463A67

10.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##463A67	#FFFFFF	#000000	##FFFFFF
##463A67	1.00	10.19	2.06	10.19
#FFFFFF	10.19	1.00	21.00	1.00
#000000	2.06	21.00	1.00	21.00
##FFFFFF	10.19	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2D4269

Deuteranopia (green-blind)

#2F4066

Tritanopia (blue-blind)

#3F424B

Achromatopsia (no color)

#414141

Design tokens & code

CSS

--color: #463a67;
/* rgb */ color: rgb(70, 58, 103);
/* oklch */ color: oklch(38.2% 0.076 294.8);

Tailwind

colors: {
  custom: {
    50: '#7b7092',
    500: '#463a67',
    950: '#000000',
  },
}

SCSS

$custom: #463a67;
$custom-light: #7b7092;
$custom-dark: #000000;

JSON

{
  "hex": "#463a67",
  "rgb": {
    "r": 70,
    "g": 58,
    "b": 103
  },
  "hsl": {
    "h": 256,
    "s": 27.95,
    "l": 31.569
  },
  "oklch": {
    "l": 0.38234,
    "c": 0.07586,
    "h": 294.8
  },
  "luminance": 0.05307
}

Semantic roles & 50–950 ramp

primary

#463A67

secondary

#8A9766

accent

#C464AA

background

#F7F6F9

surface

#EEECF1

border

#C9C7CB

text

#09070D

muted

#7B7A7E

Preview Lab

Preview with #463A67

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

Preview Lab → · Contrast checker → · Palette generator →