#544BEC#544BEC

#544BEC is a mid, highly saturated blue. Relative luminance 0.130; OKLCH L 52.8% C 0.232 H 277.3°. Best body text is #FFFFFF at 5.84:1 contrast (WCAG AA passes).

Color values

HEX#544BEC
RGBrgb(84, 75, 236)
HSLhsl(243, 81%, 61%)
HSVhsv(243, 68%, 93%)
CMYKcmyk(64.4%, 68.2%, 0%, 7.5%)
CIE-LABlab(42.72, 50.64, -79.77)
CIE-LCHlch(42.72, 94.48, 302.41°)
OKLaboklab(52.76% 0.0297 -0.2302)
OKLCHoklch(52.76% 0.232 277.3)
XYZxyz(21.3076, 12.9713, 80.7215)
Luminance0.1297 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#544BEC #E3EC4B
analogous
#4B92EC #544BEC #A44BEC
triadic
#544BEC #EC544B #4BEC54
tetradic
#544BEC #EC4B92 #E3EC4B #4BECA4
square
#544BEC #EC4B92 #E3EC4B #4BECA4
split-complementary
#544BEC #ECA44B #92EC4B
monochromatic
#1B12AB #2318E2 #544BEC #8982F2 #BDBAF8

Accessibility & contrast

On white

5.84
#544BEC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.59
#544BEC on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #544BEC
5.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##544BEC#FFFFFF#000000##FFFFFF
##544BEC1.005.843.595.84
#FFFFFF5.841.0021.001.00
#0000003.5921.001.0021.00
##FFFFFF5.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#006CF1
Deuteranopia (green-blind)
#005EE9
Tritanopia (blue-blind)
#007696
Achromatopsia (no color)
#656565

Design tokens & code

CSS
--color: #544bec;
/* rgb */ color: rgb(84, 75, 236);
/* oklch */ color: oklch(52.8% 0.232 277.3);
Tailwind
colors: {
  custom: {
    50: '#957ff3',
    500: '#544bec',
    950: '#000000',
  },
}
SCSS
$custom: #544bec;
$custom-light: #957ff3;
$custom-dark: #000000;
JSON
{
  "hex": "#544bec",
  "rgb": {
    "r": 84,
    "g": 75,
    "b": 236
  },
  "hsl": {
    "h": 243.354,
    "s": 80.905,
    "l": 60.98
  },
  "oklch": {
    "l": 0.52763,
    "c": 0.23214,
    "h": 277.3
  },
  "luminance": 0.12973
}

Semantic roles & 50–950 ramp

primary
#544BEC
secondary
#E4E8AB
accent
#DD08D1
background
#FAF7FF
surface
#F3EEFE
border
#CDC9D6
text
#0F0A17
muted
#7F7C85

Preview Lab

Preview with #544BEC

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

Preview Lab → · Contrast checker → · Palette generator →

#544BEC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva