#8185FC#8185FC

#8185FC is a light, vivid blue. Relative luminance 0.285; OKLCH L 66.9% C 0.173 H 279.2°. Best body text is #000000 at 6.69:1 contrast (WCAG AA passes).

Color values

HEX#8185FC
RGBrgb(129, 133, 252)
HSLhsl(238, 95%, 75%)
HSVhsv(238, 49%, 99%)
CMYKcmyk(48.8%, 47.2%, 0%, 1.2%)
CIE-LABlab(60.31, 29.48, -60.03)
CIE-LCHlch(60.31, 66.88, 296.16°)
OKLaboklab(66.93% 0.0276 -0.1707)
OKLCHoklch(66.93% 0.173 279.2)
XYZxyz(35.0061, 28.4685, 95.7270)
Luminance0.2847 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8185FC #FCF881
analogous
#81C2FC #8185FC #BB81FC
triadic
#8185FC #FC8185 #85FC81
tetradic
#8185FC #FC81C2 #FCF881 #81FCBB
square
#8185FC #FC81C2 #FCF881 #81FCBB
split-complementary
#8185FC #FCBB81 #C2FC81
monochromatic
#0911F9 #454BFB #8185FC #BDBFFD #E1E2FE

Accessibility & contrast

On white

3.14
#8185FC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.69
#8185FC on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #8185FC
6.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8185FC#FFFFFF#000000##000000
##8185FC1.003.146.696.69
#FFFFFF3.141.0021.0021.00
#0000006.6921.001.001.00
##0000006.6921.001.001.00

Color blindness preview

Protanopia (red-blind)
#5096FF
Deuteranopia (green-blind)
#468DF9
Tritanopia (blue-blind)
#529FB4
Achromatopsia (no color)
#919191

Design tokens & code

CSS
--color: #8185fc;
/* rgb */ color: rgb(129, 133, 252);
/* oklch */ color: oklch(66.9% 0.173 279.2);
Tailwind
colors: {
  custom: {
    50: '#aca8fe',
    500: '#8185fc',
    950: '#000000',
  },
}
SCSS
$custom: #8185fc;
$custom-light: #aca8fe;
$custom-dark: #000000;
JSON
{
  "hex": "#8185fc",
  "rgb": {
    "r": 129,
    "g": 133,
    "b": 252
  },
  "hsl": {
    "h": 238.049,
    "s": 95.349,
    "l": 74.706
  },
  "oklch": {
    "l": 0.66933,
    "c": 0.17296,
    "h": 279.2
  },
  "luminance": 0.2847
}

Semantic roles & 50–950 ramp

primary
#8185FC
secondary
#F7F5D4
accent
#DE00E6
background
#FBFAFF
surface
#F6F4FF
border
#D0CED7
text
#110F18
muted
#807F86

Preview Lab

Preview with #8185FC

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

Preview Lab → · Contrast checker → · Palette generator →

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