#543BE2#543BE2

#543BE2 is a mid, highly saturated blue. Relative luminance 0.105; OKLCH L 49.6% C 0.237 H 280.2°. Best body text is #FFFFFF at 6.77:1 contrast (WCAG AA passes).

Color values

HEX#543BE2
RGBrgb(84, 59, 226)
HSLhsl(249, 74%, 56%)
HSVhsv(249, 74%, 89%)
CMYKcmyk(62.8%, 73.9%, 0%, 11.4%)
CIE-LABlab(38.73, 56.16, -80.66)
CIE-LCHlch(38.73, 98.28, 304.85°)
OKLaboklab(49.64% 0.0419 -0.2328)
OKLCHoklch(49.64% 0.237 280.2)
XYZxyz(18.9432, 10.5023, 72.9656)
Luminance0.1050 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#543BE2 #C9E23B
analogous
#3B75E2 #543BE2 #A73BE2
triadic
#543BE2 #E2543B #3BE254
tetradic
#543BE2 #E23B75 #C9E23B #3BE2A7
square
#543BE2 #E23B75 #C9E23B #3BE2A7
split-complementary
#543BE2 #E2A73B #75E23B
monochromatic
#27158E #361DC3 #543BE2 #8370EA #B1A6F2

Accessibility & contrast

On white

6.77
#543BE2 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.10
#543BE2 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #543BE2
6.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##543BE2#FFFFFF#000000##FFFFFF
##543BE21.006.773.106.77
#FFFFFF6.771.0021.001.00
#0000003.1021.001.0021.00
##FFFFFF6.771.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0061E7
Deuteranopia (green-blind)
#0055DF
Tritanopia (blue-blind)
#006B8C
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #543be2;
/* rgb */ color: rgb(84, 59, 226);
/* oklch */ color: oklch(49.6% 0.237 280.2);
Tailwind
colors: {
  custom: {
    50: '#9574ec',
    500: '#543be2',
    950: '#000000',
  },
}
SCSS
$custom: #543be2;
$custom-light: #9574ec;
$custom-dark: #000000;
JSON
{
  "hex": "#543be2",
  "rgb": {
    "r": 84,
    "g": 59,
    "b": 226
  },
  "hsl": {
    "h": 248.982,
    "s": 74.222,
    "l": 55.882
  },
  "oklch": {
    "l": 0.49644,
    "c": 0.23651,
    "h": 280.2
  },
  "luminance": 0.10504
}

Semantic roles & 50–950 ramp

primary
#543BE2
secondary
#D5DF9A
accent
#F137D5
background
#FAF7FE
surface
#F3EDFD
border
#CDC8D5
text
#0F0816
muted
#7F7B84

Preview Lab

Preview with #543BE2

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

Preview Lab → · Contrast checker → · Palette generator →

#543BE2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva