#493C8B#493C8B

#493C8B is a dark, vivid blue. Relative luminance 0.065; OKLCH L 41.3% C 0.126 H 287.1°. Best body text is #FFFFFF at 9.12:1 contrast (WCAG AA passes).

Color values

HEX	#493C8B
RGB	rgb(73, 60, 139)
HSL	hsl(250, 40%, 39%)
HSV	hsv(250, 57%, 55%)
CMYK	cmyk(47.5%, 56.8%, 0%, 45.5%)
CIE-LAB	lab(30.67, 26.93, -42.33)
CIE-LCH	lch(30.67, 50.17, 302.46°)
OKLab	oklab(41.34% 0.0371 -0.1207)
OKLCH	oklch(41.34% 0.126 287.1)
XYZ	xyz(9.0224, 6.5119, 25.2026)
Luminance	0.0651 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#493C8B #7E8B3C

analogous

#3C578B #493C8B #713C8B

triadic

#493C8B #8B493C #3C8B49

tetradic

#493C8B #8B3C57 #7E8B3C #3C8B71

square

#493C8B #8B3C57 #7E8B3C #3C8B71

split-complementary

#493C8B #8B713C #578B3C

monochromatic

#1C1736 #332A60 #493C8B #6151B4 #887BC6

Accessibility & contrast

On white

9.12

#493C8B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.30

#493C8B on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #493C8B

9.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##493C8B	#FFFFFF	#000000	##FFFFFF
##493C8B	1.00	9.12	2.30	9.12
#FFFFFF	9.12	1.00	21.00	1.00
#000000	2.30	21.00	1.00	21.00
##FFFFFF	9.12	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0F4A8E

Deuteranopia (green-blind)

#0E4689

Tritanopia (blue-blind)

#344D5D

Achromatopsia (no color)

#484848

Design tokens & code

CSS

--color: #493c8b;
/* rgb */ color: rgb(73, 60, 139);
/* oklch */ color: oklch(41.3% 0.126 287.1);

Tailwind

colors: {
  custom: {
    50: '#8172ad',
    500: '#493c8b',
    950: '#000000',
  },
}

SCSS

$custom: #493c8b;
$custom-light: #8172ad;
$custom-dark: #000000;

JSON

{
  "hex": "#493c8b",
  "rgb": {
    "r": 73,
    "g": 60,
    "b": 139
  },
  "hsl": {
    "h": 249.873,
    "s": 39.698,
    "l": 39.02
  },
  "oklch": {
    "l": 0.41339,
    "c": 0.12626,
    "h": 287.1
  },
  "luminance": 0.06512
}

Semantic roles & 50–950 ramp

primary

#493C8B

secondary

#A6B073

accent

#D058BC

background

#F8F6FA

surface

#EFECF4

border

#CAC7CE

text

#0B0810

muted

#7C7B7F

Preview Lab

Preview with #493C8B

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

Preview Lab → · Contrast checker → · Palette generator →