#686CB7

#686CB7

white

#FFFFFF

Ratio de contraste

4,75:1

Delta E

67,89

Very Different

Mezcla 50:50

#B5B3DB

Valores de color

Formato #686CB7 #FFFFFF
HEX #686CB7 #FFFFFF
RGB 104, 108, 183 255, 255, 255
HSL 237,0, 35,4%, 56,3% 0,0, 0,0%, 100,0%
HSV 237,0, 43,2%, 71,8% 0,0, 0,0%, 100,0%
CMYK 43,2%, 41,0%, 0,0%, 28,2% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5618 0,1151 279,7 1,0 0,0 89,9

Contraste y accesibilidad

4,75:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Legibilidad del texto

El rápido zorro marrón salta sobre el perro perezoso

Texto: #FFFFFF → Fondo: #686CB7

El rápido zorro marrón salta sobre el perro perezoso

Texto: #686CB7 → Fondo: #FFFFFF

Diferencia de color (Delta E)

67,89 Very Different
0 — Idéntico 5 — Similar 25 — Diferencia notable 100 — Muy diferente

Degradado

#686CB7 #8283C3 #9C9ACF #B5B3DB #CDCBE7 #E6E5F3 #FFFFFF

Mezcla de colores

#686CB7

100%

#8F8EC9

75:25

#B5B3DB

50:50

#DAD8ED

25:75

#FFFFFF

100%

Código de degradado CSS

background: linear-gradient(to right, #686CB7, #FFFFFF);
background: linear-gradient(135deg, #686CB7, #FFFFFF);

Explorar cada color

#686CB7

Ver todos los detalles del color

white

Ver todos los detalles del color

Comparaciones relacionadas