#BADEF6

#BADEF6

white

#FFFFFF

Ratio de contraste

1,41:1

Delta E

21,54

Noticeable

Mezcla 50:50

#DDEEFB

Valores de color

Formato #BADEF6 #FFFFFF
HEX #BADEF6 #FFFFFF
RGB 186, 222, 246 255, 255, 255
HSL 204,0, 76,9%, 84,7% 0,0, 0,0%, 100,0%
HSV 204,0, 24,4%, 96,5% 0,0, 0,0%, 100,0%
CMYK 24,4%, 9,8%, 0,0%, 3,5% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,8824 0,0504 237,3 1,0 0,0 89,9

Contraste y accesibilidad

1,41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Legibilidad del texto

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

Texto: #FFFFFF → Fondo: #BADEF6

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

Texto: #BADEF6 → Fondo: #FFFFFF

Diferencia de color (Delta E)

21,54 Noticeable
0 — Idéntico 5 — Similar 25 — Diferencia notable 100 — Muy diferente

Degradado

#BADEF6 #C6E3F8 #D2E9F9 #DDEEFB #E9F4FC #F4F9FE #FFFFFF

Mezcla de colores

#BADEF6

100%

#CCE6F8

75:25

#DDEEFB

50:50

#EEF7FD

25:75

#FFFFFF

100%

Código de degradado CSS

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

Explorar cada color

#BADEF6

Ver todos los detalles del color

white

Ver todos los detalles del color

Comparaciones relacionadas