#4F2EFB#4F2EFB

#4F2EFB is a mid, highly saturated blue. Relative luminance 0.106; OKLCH L 50.4% C 0.275 H 277.2°. Best body text is #FFFFFF at 6.74:1 contrast (WCAG AA passes).

Color values

HEX#4F2EFB
RGBrgb(79, 46, 251)
HSLhsl(250, 96%, 58%)
HSVhsv(250, 82%, 98%)
CMYKcmyk(68.5%, 81.7%, 0%, 1.6%)
CIE-LABlab(38.86, 68.69, -94.59)
CIE-LCHlch(38.86, 116.90, 305.98°)
OKLaboklab(50.39% 0.0347 -0.2733)
OKLCHoklch(50.39% 0.275 277.2)
XYZxyz(21.6084, 10.5793, 92.1513)
Luminance0.1058 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4F2EFB #DAFB2E
analogous
#2E73FB #4F2EFB #B62EFB
triadic
#4F2EFB #FB4F2E #2EFB4F
tetradic
#4F2EFB #FB2E73 #DAFB2E #2EFBB6
square
#4F2EFB #FB2E73 #DAFB2E #2EFBB6
split-complementary
#4F2EFB #FBB62E #73FB2E
monochromatic
#1E03AB #2904E7 #4F2EFB #826AFC #B4A6FD

Accessibility & contrast

On white

6.74
#4F2EFB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.12
#4F2EFB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #4F2EFB
6.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4F2EFB#FFFFFF#000000##FFFFFF
##4F2EFB1.006.743.126.74
#FFFFFF6.741.0021.001.00
#0000003.1221.001.0021.00
##FFFFFF6.741.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0064FF
Deuteranopia (green-blind)
#0053F8
Tritanopia (blue-blind)
#007098
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #4f2efb;
/* rgb */ color: rgb(79, 46, 251);
/* oklch */ color: oklch(50.4% 0.275 277.2);
Tailwind
colors: {
  custom: {
    50: '#986ffe',
    500: '#4f2efb',
    950: '#000000',
  },
}
SCSS
$custom: #4f2efb;
$custom-light: #986ffe;
$custom-dark: #000000;
JSON
{
  "hex": "#4f2efb",
  "rgb": {
    "r": 79,
    "g": 46,
    "b": 251
  },
  "hsl": {
    "h": 249.659,
    "s": 96.244,
    "l": 58.235
  },
  "oklch": {
    "l": 0.50393,
    "c": 0.27547,
    "h": 277.2
  },
  "luminance": 0.10581
}

Semantic roles & 50–950 ramp

primary
#4F2EFB
secondary
#DEEB9A
accent
#FF29DD
background
#FAF7FF
surface
#F4EDFF
border
#CEC8D7
text
#100818
muted
#7F7B86

Preview Lab

Preview with #4F2EFB

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

Preview Lab → · Contrast checker → · Palette generator →

#4F2EFB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva