#828EF2#828EF2

#828EF2 es un color claro y vivo de la familia azul. Luminancia relativa 0.305; OKLCH L 68.1% C 0.147 H 276.6°. El mejor color de texto es #000000 con contraste 7.10:1 (cumple WCAG AA).

Valores del color

HEX#828EF2
RGBrgb(130, 142, 242)
HSLhsl(234, 81%, 73%)
HSVhsv(234, 46%, 95%)
CMYKcmyk(46.3%, 41.3%, 0%, 5.1%)
CIE-LABlab(62.08, 21.48, -51.69)
CIE-LCHlch(62.08, 55.98, 292.56°)
OKLaboklab(68.12% 0.0169 -0.1462)
OKLCHoklch(68.12% 0.147 276.6)
XYZxyz(34.9010, 30.5007, 88.0354)
Luminance0.3050 (WCAG relative)
Temperaturecool
Familyblue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#828EF2 #F2E682
analogous
#82C6F2 #828EF2 #AE82F2
triadic
#828EF2 #F2828E #8EF282
tetradic
#828EF2 #F282C6 #F2E682 #82F2AE
square
#828EF2 #F282C6 #F2E682 #82F2AE
split-complementary
#828EF2 #F2AE82 #C6F282
monochromatic
#182DE2 #4B5CEC #828EF2 #B9C0F8 #E3E6FC

Accesibilidad y contraste

On white

2.96
#828EF2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.10
#828EF2 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #828EF2
7.10:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##828EF2#FFFFFF#000000##000000
##828EF21.002.967.107.10
#FFFFFF2.961.0021.0021.00
#0000007.1021.001.001.00
##0000007.1021.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#679BF6
Deuteranopia (green-blind)
#5E92F0
Tritanopia (blue-blind)
#59A3B4
Achromatopsia (no color)
#969696

Tokens de diseño y código

CSS
--color: #828ef2;
/* rgb */ color: rgb(130, 142, 242);
/* oklch */ color: oklch(68.1% 0.147 276.6);
Tailwind
colors: {
  custom: {
    50: '#acaef7',
    500: '#828ef2',
    950: '#000000',
  },
}
SCSS
$custom: #828ef2;
$custom-light: #acaef7;
$custom-dark: #000000;
JSON
{
  "hex": "#828ef2",
  "rgb": {
    "r": 130,
    "g": 142,
    "b": 242
  },
  "hsl": {
    "h": 233.571,
    "s": 81.159,
    "l": 72.941
  },
  "oklch": {
    "l": 0.68124,
    "c": 0.1472,
    "h": 276.6
  },
  "luminance": 0.30503
}

Semantic roles & 50–950 ramp

primary
#828EF2
secondary
#F4F1D7
accent
#C708DE
background
#FAFAFF
surface
#F5F4FF
border
#CFCED7
text
#111017
muted
#807F85

Laboratorio de vista previa

Vista previa con #828EF2

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

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#828EF2 — Tintiva