#B363F5#B363F5

#B363F5 is a light, highly saturated violet. Relative luminance 0.251; OKLCH L 65.6% C 0.214 H 306.7°. Best body text is #000000 at 6.02:1 contrast (WCAG AA passes).

Color values

HEX#B363F5
RGBrgb(179, 99, 245)
HSLhsl(273, 88%, 67%)
HSVhsv(273, 60%, 96%)
CMYKcmyk(26.9%, 59.6%, 0%, 3.9%)
CIE-LABlab(57.17, 57.82, -60.93)
CIE-LCHlch(57.17, 84.00, 313.50°)
OKLaboklab(65.56% 0.1281 -0.172)
OKLCHoklch(65.56% 0.214 306.7)
XYZxyz(39.5302, 25.1004, 89.1309)
Luminance0.2510 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B363F5 #A5F563
analogous
#6A63F5 #B363F5 #F563EE
triadic
#B363F5 #F5B363 #63F5B3
tetradic
#B363F5 #F56A63 #A5F563 #63EEF5
square
#B363F5 #F56A63 #A5F563 #63EEF5
split-complementary
#B363F5 #EEF563 #63F56A
monochromatic
#780DD0 #9729F1 #B363F5 #CF9DF9 #EBD6FC

Accessibility & contrast

On white

3.49
#B363F5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.02
#B363F5 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B363F5
6.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B363F5#FFFFFF#000000##000000
##B363F51.003.496.026.02
#FFFFFF3.491.0021.0021.00
#0000006.0221.001.001.00
##0000006.0221.001.001.00

Color blindness preview

Protanopia (red-blind)
#1E86FA
Deuteranopia (green-blind)
#488AF2
Tritanopia (blue-blind)
#A880A3
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #b363f5;
/* rgb */ color: rgb(179, 99, 245);
/* oklch */ color: oklch(65.6% 0.214 306.7);
Tailwind
colors: {
  custom: {
    50: '#ce93f9',
    500: '#b363f5',
    950: '#000000',
  },
}
SCSS
$custom: #b363f5;
$custom-light: #ce93f9;
$custom-dark: #000000;
JSON
{
  "hex": "#b363f5",
  "rgb": {
    "r": 179,
    "g": 99,
    "b": 245
  },
  "hsl": {
    "h": 272.877,
    "s": 87.952,
    "l": 67.451
  },
  "oklch": {
    "l": 0.65559,
    "c": 0.21448,
    "h": 306.7
  },
  "luminance": 0.251
}

Semantic roles & 50–950 ramp

primary
#B363F5
secondary
#D8F1C3
accent
#E50168
background
#FDF9FF
surface
#FAF2FF
border
#D3CCD7
text
#140D17
muted
#837E85

Preview Lab

Preview with #B363F5

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

Preview Lab → · Contrast checker → · Palette generator →

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