#626FC3#626FC3

#626FC3 es un color medio y vivo de la familia azul. Luminancia relativa 0.179; OKLCH L 57.1% C 0.130 H 274.9°. El mejor color de texto es #000000 con contraste 4.58:1 (cumple WCAG AA).

Valores del color

HEX	#626FC3
RGB	rgb(98, 111, 195)
HSL	hsl(232, 45%, 57%)
HSV	hsv(232, 50%, 76%)
CMYK	cmyk(49.7%, 43.1%, 0%, 23.5%)
CIE-LAB	lab(49.38, 18.38, -45.58)
CIE-LCH	lch(49.38, 49.14, 291.96°)
OKLab	oklab(57.05% 0.0111 -0.1292)
OKLCH	oklch(57.05% 0.13 274.9)
XYZ	xyz(20.5687, 17.9044, 53.9912)
Luminance	0.1791 (WCAG relative)
Temperature	cool
Family	blue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#626FC3 #C3B662

analogous

#629FC3 #626FC3 #8662C3

triadic

#626FC3 #C3626F #6FC362

tetradic

#626FC3 #C3629F #C3B662 #62C386

square

#626FC3 #C3629F #C3B662 #62C386

split-complementary

#626FC3 #C38662 #9FC362

monochromatic

#2F397B #404EA8 #626FC3 #8E98D4 #BBC0E5

Accesibilidad y contraste

On white

4.58

#626FC3 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.58

#626FC3 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #626FC3

4.58:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##626FC3	#FFFFFF	#000000	##000000
##626FC3	1.00	4.58	4.58	4.58
#FFFFFF	4.58	1.00	21.00	21.00
#000000	4.58	21.00	1.00	1.00
##000000	4.58	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#4D7AC6

Deuteranopia (green-blind)

#4472C1

Tritanopia (blue-blind)

#3B818F

Achromatopsia (no color)

#757575

Tokens de diseño y código

CSS

--color: #626fc3;
/* rgb */ color: rgb(98, 111, 195);
/* oklch */ color: oklch(57.1% 0.130 274.9);

Tailwind

colors: {
  custom: {
    50: '#9498d5',
    500: '#626fc3',
    950: '#000000',
  },
}

SCSS

$custom: #626fc3;
$custom-light: #9498d5;
$custom-dark: #000000;

JSON

{
  "hex": "#626fc3",
  "rgb": {
    "r": 98,
    "g": 111,
    "b": 195
  },
  "hsl": {
    "h": 231.959,
    "s": 44.7,
    "l": 57.451
  },
  "oklch": {
    "l": 0.57051,
    "c": 0.1297,
    "h": 274.9
  },
  "luminance": 0.17906
}

Semantic roles & 50–950 ramp

primary

#626FC3

secondary

#D4CFAD

accent

#C353D4

background

#F9F9FD

surface

#F2F2FA

border

#CCCCD3

text

#0E0D14

muted

#7E7E83

Laboratorio de vista previa

Vista previa con #626FC3

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

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