#553063#553063

#553063 is a dark, moderate purple. Relative luminance 0.049; OKLCH L 37.8% C 0.094 H 316.1°. Best body text is #FFFFFF at 10.56:1 contrast (WCAG AA passes).

Color values

HEX#553063
RGBrgb(85, 48, 99)
HSLhsl(284, 35%, 29%)
HSVhsv(284, 52%, 39%)
CMYKcmyk(14.1%, 51.5%, 0%, 61.2%)
CIE-LABlab(26.58, 26.59, -23.49)
CIE-LCHlch(26.58, 35.48, 318.55°)
OKLaboklab(37.81% 0.0678 -0.0652)
OKLCHoklch(37.81% 0.094 316.1)
XYZxyz(7.0551, 4.9463, 12.3850)
Luminance0.0495 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#553063 #3E6330
analogous
#3C3063 #553063 #633058
triadic
#553063 #635530 #306355
tetradic
#553063 #633C30 #3E6330 #305863
square
#553063 #633C30 #3E6330 #305863
split-complementary
#553063 #586330 #30633C
monochromatic
#120A15 #321C3A #553063 #78448C #9A5DB0

Accessibility & contrast

On white

10.56
#553063 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.99
#553063 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #553063
10.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##553063#FFFFFF#000000##FFFFFF
##5530631.0010.561.9910.56
#FFFFFF10.561.0021.001.00
#0000001.9921.001.0021.00
##FFFFFF10.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#263D65
Deuteranopia (green-blind)
#314062
Tritanopia (blue-blind)
#543745
Achromatopsia (no color)
#3F3F3F

Design tokens & code

CSS
--color: #553063;
/* rgb */ color: rgb(85, 48, 99);
/* oklch */ color: oklch(37.8% 0.094 316.1);
Tailwind
colors: {
  custom: {
    50: '#86698f',
    500: '#553063',
    950: '#000000',
  },
}
SCSS
$custom: #553063;
$custom-light: #86698f;
$custom-dark: #000000;
JSON
{
  "hex": "#553063",
  "rgb": {
    "r": 85,
    "g": 48,
    "b": 99
  },
  "hsl": {
    "h": 283.529,
    "s": 34.694,
    "l": 28.824
  },
  "oklch": {
    "l": 0.37808,
    "c": 0.09406,
    "h": 316.1
  },
  "luminance": 0.04946
}

Semantic roles & 50–950 ramp

primary
#553063
secondary
#6A945A
accent
#CB5D7B
background
#F8F6F8
surface
#EFEBF0
border
#CAC6CB
text
#0B060C
muted
#7C7A7D

Preview Lab

Preview with #553063

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

Preview Lab → · Contrast checker → · Palette generator →

#553063 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva