#4861FC#4861FC

#4861FC is a mid, highly saturated blue. Relative luminance 0.170; OKLCH L 57.0% C 0.230 H 270.2°. Best body text is #FFFFFF at 4.78:1 contrast (WCAG AA passes).

Color values

HEX#4861FC
RGBrgb(72, 97, 252)
HSLhsl(232, 97%, 64%)
HSVhsv(232, 71%, 99%)
CMYKcmyk(71.4%, 61.5%, 0%, 1.2%)
CIE-LABlab(48.20, 41.53, -79.79)
CIE-LCHlch(48.20, 89.95, 297.50°)
OKLaboklab(56.98% 0.0007 -0.2305)
OKLCHoklch(56.98% 0.23 270.2)
XYZxyz(24.5119, 16.9528, 94.0570)
Luminance0.1696 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4861FC #FCE348
analogous
#48BBFC #4861FC #8948FC
triadic
#4861FC #FC4861 #61FC48
tetradic
#4861FC #FC48BB #FCE348 #48FC89
square
#4861FC #FC48BB #FCE348 #48FC89
split-complementary
#4861FC #FC8948 #BBFC48
monochromatic
#031EC6 #0C2DFB #4861FC #8495FD #C0C9FE

Accessibility & contrast

On white

4.78
#4861FC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.39
#4861FC on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #4861FC
4.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4861FC#FFFFFF#000000##FFFFFF
##4861FC1.004.784.394.78
#FFFFFF4.781.0021.001.00
#0000004.3921.001.0021.00
##FFFFFF4.781.0021.001.00

Color blindness preview

Protanopia (red-blind)
#007BFF
Deuteranopia (green-blind)
#006AF9
Tritanopia (blue-blind)
#0089A5
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #4861fc;
/* rgb */ color: rgb(72, 97, 252);
/* oklch */ color: oklch(57.0% 0.230 270.2);
Tailwind
colors: {
  custom: {
    50: '#928efe',
    500: '#4861fc',
    950: '#000000',
  },
}
SCSS
$custom: #4861fc;
$custom-light: #928efe;
$custom-dark: #000000;
JSON
{
  "hex": "#4861fc",
  "rgb": {
    "r": 72,
    "g": 97,
    "b": 252
  },
  "hsl": {
    "h": 231.667,
    "s": 96.774,
    "l": 63.529
  },
  "oklch": {
    "l": 0.56982,
    "c": 0.23048,
    "h": 270.2
  },
  "luminance": 0.16955
}

Semantic roles & 50–950 ramp

primary
#4861FC
secondary
#F0E7B0
accent
#C600E6
background
#F9F8FF
surface
#F2F0FF
border
#CCCBD7
text
#0F0C18
muted
#7E7D86

Preview Lab

Preview with #4861FC

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

Preview Lab → · Contrast checker → · Palette generator →

#4861FC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva