#5441B2#5441B2

#5441B2 is a mid, vivid violet. Relative luminance 0.089; OKLCH L 46.2% C 0.171 H 285.2°. Best body text is #FFFFFF at 7.56:1 contrast (WCAG AA passes).

Color values

HEX#5441B2
RGBrgb(84, 65, 178)
HSLhsl(250, 47%, 48%)
HSVhsv(250, 63%, 70%)
CMYKcmyk(52.8%, 63.5%, 0%, 30.2%)
CIE-LABlab(35.75, 38.33, -57.63)
CIE-LCHlch(35.75, 69.22, 303.63°)
OKLaboklab(46.23% 0.045 -0.1653)
OKLCHoklch(46.23% 0.171 285.2)
XYZxyz(13.5799, 8.8790, 43.1091)
Luminance0.0888 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5441B2 #9FB241
analogous
#4167B2 #5441B2 #8C41B2
triadic
#5441B2 #B25441 #41B254
tetradic
#5441B2 #B24167 #9FB241 #41B28C
square
#5441B2 #B24167 #9FB241 #41B28C
split-complementary
#5441B2 #B28C41 #67B241
monochromatic
#2A2058 #3F3185 #5441B2 #7868C8 #A095D8

Accessibility & contrast

On white

7.56
#5441B2 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.78
#5441B2 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5441B2
7.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5441B2#FFFFFF#000000##FFFFFF
##5441B21.007.562.787.56
#FFFFFF7.561.0021.001.00
#0000002.7821.001.0021.00
##FFFFFF7.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0057B6
Deuteranopia (green-blind)
#0051B0
Tritanopia (blue-blind)
#2E5C73
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #5441b2;
/* rgb */ color: rgb(84, 65, 178);
/* oklch */ color: oklch(46.2% 0.171 285.2);
Tailwind
colors: {
  custom: {
    50: '#8c77ca',
    500: '#5441b2',
    950: '#000000',
  },
}
SCSS
$custom: #5441b2;
$custom-light: #8c77ca;
$custom-dark: #000000;
JSON
{
  "hex": "#5441b2",
  "rgb": {
    "r": 84,
    "g": 65,
    "b": 178
  },
  "hsl": {
    "h": 250.088,
    "s": 46.502,
    "l": 47.647
  },
  "oklch": {
    "l": 0.46231,
    "c": 0.17133,
    "h": 285.2
  },
  "luminance": 0.0888
}

Semantic roles & 50–950 ramp

primary
#5441B2
secondary
#BAC48B
accent
#D652C0
background
#F9F7FC
surface
#F1EDF8
border
#CBC8D1
text
#0D0813
muted
#7E7B82

Preview Lab

Preview with #5441B2

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

Preview Lab → · Contrast checker → · Palette generator →

#5441B2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva