#7AAAF5

#7AAAF5

#F5C57A

#F5C57A

Ratio de contraste

1,48:1

Delta E

87,27

Very Different

Mezcla 50:50

#C7B7B9

Valores de color

Formato #7AAAF5 #F5C57A
HEX #7AAAF5 #F5C57A
RGB 122, 170, 245 245, 197, 122
HSL 216,6, 86,0%, 72,0% 36,6, 86,0%, 72,0%
HSV 216,6, 50,2%, 96,1% 36,6, 50,2%, 96,1%
CMYK 50,2%, 30,6%, 0,0%, 3,9% 0,0%, 19,6%, 50,2%, 3,9%
OKLCH 0,7346 0,1211 259,1 0,85 0,108 77,7

Contraste y accesibilidad

1,48: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: #F5C57A → Fondo: #7AAAF5

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

Texto: #7AAAF5 → Fondo: #F5C57A

Diferencia de color (Delta E)

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

Degradado

#7AAAF5 #9AAEE1 #B3B2CD #C7B7B9 #D8BBA5 #E7C090 #F5C57A

Mezcla de colores

#7AAAF5

100%

#A7B0D7

75:25

#C7B7B9

50:50

#E0BE9B

25:75

#F5C57A

100%

Código de degradado CSS

background: linear-gradient(to right, #7AAAF5, #F5C57A);
background: linear-gradient(135deg, #7AAAF5, #F5C57A);

Explorar cada color

#7AAAF5

Ver todos los detalles del color

#F5C57A

Ver todos los detalles del color

Comparaciones relacionadas