#B44EE9#B44EE9

#B44EE9 is a light, highly saturated violet. Relative luminance 0.210; OKLCH L 62.3% C 0.231 H 311.8°. Best body text is #000000 at 5.21:1 contrast (WCAG AA passes).

Color values

HEX#B44EE9
RGBrgb(180, 78, 233)
HSLhsl(279, 78%, 61%)
HSVhsv(279, 67%, 91%)
CMYKcmyk(22.7%, 66.5%, 0%, 8.6%)
CIE-LABlab(52.99, 65.24, -60.94)
CIE-LCHlch(52.99, 89.27, 316.95°)
OKLaboklab(62.33% 0.1536 -0.1719)
OKLCHoklch(62.33% 0.231 311.8)
XYZxyz(36.2521, 21.0362, 79.2257)
Luminance0.2104 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B44EE9 #83E94E
analogous
#664EE9 #B44EE9 #E94ED0
triadic
#B44EE9 #E9B44E #4EE9B4
tetradic
#B44EE9 #E9664E #83E94E #4ED0E9
square
#B44EE9 #E9664E #83E94E #4ED0E9
split-complementary
#B44EE9 #D0E94E #4EE966
monochromatic
#7615A8 #9C1CDE #B44EE9 #CB84F0 #E2BBF7

Accessibility & contrast

On white

4.03
#B44EE9 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.21
#B44EE9 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B44EE9
5.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B44EE9#FFFFFF#000000##000000
##B44EE91.004.035.215.21
#FFFFFF4.031.0021.0021.00
#0000005.2121.001.001.00
##0000005.2121.001.001.00

Color blindness preview

Protanopia (red-blind)
#007AEE
Deuteranopia (green-blind)
#3E81E5
Tritanopia (blue-blind)
#AE6E95
Achromatopsia (no color)
#7E7E7E

Design tokens & code

CSS
--color: #b44ee9;
/* rgb */ color: rgb(180, 78, 233);
/* oklch */ color: oklch(62.3% 0.231 311.8);
Tailwind
colors: {
  custom: {
    50: '#cf87f1',
    500: '#b44ee9',
    950: '#000000',
  },
}
SCSS
$custom: #b44ee9;
$custom-light: #cf87f1;
$custom-dark: #000000;
JSON
{
  "hex": "#b44ee9",
  "rgb": {
    "r": 180,
    "g": 78,
    "b": 233
  },
  "hsl": {
    "h": 279.484,
    "s": 77.889,
    "l": 60.98
  },
  "oklch": {
    "l": 0.62329,
    "c": 0.23057,
    "h": 311.8
  },
  "luminance": 0.21035
}

Semantic roles & 50–950 ramp

primary
#B44EE9
secondary
#C0E7AC
accent
#DA0B52
background
#FDF8FE
surface
#FAF0FD
border
#D3CBD5
text
#140C17
muted
#837D85

Preview Lab

Preview with #B44EE9

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

Preview Lab → · Contrast checker → · Palette generator →

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