#BADEF1

#BADEF1

white

#FFFFFF

Ratio de contraste

1,42:1

Delta E

20,35

Noticeable

Mezcla 50:50

#DDEEF8

Valores de color

Formato #BADEF1 #FFFFFF
HEX #BADEF1 #FFFFFF
RGB 186, 222, 241 255, 255, 255
HSL 200,7, 66,3%, 83,7% 0,0, 0,0%, 100,0%
HSV 200,7, 22,8%, 94,5% 0,0, 0,0%, 100,0%
CMYK 22,8%, 7,9%, 0,0%, 5,5% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,8807 0,0461 231,0 1,0 0,0 89,9

Contraste y accesibilidad

1,42: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: #BADEF1

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

Texto: #BADEF1 → Fondo: #FFFFFF

Diferencia de color (Delta E)

20,35 Noticeable
0 — Idéntico 5 — Similar 25 — Diferencia notable 100 — Muy diferente

Degradado

#BADEF1 #C6E3F3 #D2E9F6 #DDEEF8 #E9F4FA #F4F9FD #FFFFFF

Mezcla de colores

#BADEF1

100%

#CCE6F5

75:25

#DDEEF8

50:50

#EEF7FC

25:75

#FFFFFF

100%

Código de degradado CSS

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

Explorar cada color

#BADEF1

Ver todos los detalles del color

white

Ver todos los detalles del color

Comparaciones relacionadas