Inicio Paletas de colores Amaryllis Garden 8

Amaryllis Garden 8

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

Amaryllis Garden 8

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía triádica

Editar

Colores vibrantes 8 colores Colores cálidos Tonos mixtos Armonía triádica green red lightcolor

Me gusta 25

Colores 8

Variables CSS

:root {
  --c-vibrant-1: #1B050E;
  --c-vibrant-2: #811312;
  --c-vibrant-3: #B92F2E;
  --c-vibrant-4: #CD9A51;
  --c-vibrant-5: #DCDC81;
  --c-vibrant-6: #458112;
  --c-vibrant-7: #76B92E;
  --c-vibrant-8: #D4E7B1;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Lasting Thoughts (#D4E7B1), su tono más claro, a Crow (#1B050E), el más oscuro. Combina Crow, Grubby Red, Scarlet Beebalm, Sugar Glazed Cashew, Carolina Parakeet, Kelp Forest, Jubilant Meadow y Lasting Thoughts en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1B050E sobre #D4E7B1, con 14,76:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Crow #1B050E

RGB: rgb(27, 5, 14)
HSL: hsl(335, 69%, 6%)
Luminancia: 0,004

Grubby Red #811312

RGB: rgb(129, 19, 18)
HSL: hsl(1, 76%, 29%)
Luminancia: 0,052

Scarlet Beebalm #B92F2E

RGB: rgb(185, 47, 46)
HSL: hsl(0, 60%, 45%)
Luminancia: 0,125

Sugar Glazed Cashew #CD9A51

RGB: rgb(205, 154, 81)
HSL: hsl(35, 55%, 56%)
Luminancia: 0,367

Carolina Parakeet #DCDC81

RGB: rgb(220, 220, 129)
HSL: hsl(60, 57%, 68%)
Luminancia: 0,680

Kelp Forest #458112

RGB: rgb(69, 129, 18)
HSL: hsl(92, 76%, 29%)
Luminancia: 0,170

Jubilant Meadow #76B92E

RGB: rgb(118, 185, 46)
HSL: hsl(89, 60%, 45%)
Luminancia: 0,388

Lasting Thoughts #D4E7B1

RGB: rgb(212, 231, 177)
HSL: hsl(81, 53%, 80%)
Luminancia: 0,743

Contraste y accesibilidad

Combinaciones de colores en la paleta: 28. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #1B050E sobre #D4E7B1 14,76:1 AAA

Aa #1B050E sobre #DCDC81 13,58:1 AAA

Aa #1B050E sobre #76B92E 8,14:1 AAA

Aa #811312 sobre #D4E7B1 7,79:1 AAA

Aa #1B050E sobre #CD9A51 7,76:1 AAA

Aa #811312 sobre #DCDC81 7,17:1 AAA

Aa #B92F2E sobre #D4E7B1 4,52:1 AA

Aa #811312 sobre #76B92E 4,30:1 AA, texto grande

Aa #B92F2E sobre #DCDC81 4,16:1 AA, texto grande

Aa #1B050E sobre #458112 4,10:1 AA, texto grande

Aa #811312 sobre #CD9A51 4,10:1 AA, texto grande

Aa #458112 sobre #D4E7B1 3,60:1 AA, texto grande

Aa #DCDC81 sobre #458112 3,32:1 AA, texto grande

Aa #1B050E sobre #B92F2E 3,27:1 AA, texto grande

Aa #B92F2E sobre #76B92E 2,49:1 No aprobado

Aa #B92F2E sobre #CD9A51 2,38:1 No aprobado

Aa #811312 sobre #458112 2,16:1 No aprobado

Aa #458112 sobre #76B92E 1,99:1 No aprobado

Aa #CD9A51 sobre #D4E7B1 1,90:1 No aprobado

Aa #1B050E sobre #811312 1,89:1 No aprobado

Aa #CD9A51 sobre #458112 1,89:1 No aprobado

Aa #76B92E sobre #D4E7B1 1,81:1 No aprobado

Aa #CD9A51 sobre #DCDC81 1,75:1 No aprobado

Aa #811312 sobre #B92F2E 1,72:1 No aprobado

Aa #DCDC81 sobre #76B92E 1,67:1 No aprobado

Aa #B92F2E sobre #458112 1,25:1 No aprobado

Aa #DCDC81 sobre #D4E7B1 1,09:1 No aprobado

Aa #CD9A51 sobre #76B92E 1,05:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70

4 colores

#7D5A50 #B4846C #E5B299 #FCDEC0

4 colores

#FFF8EA #9E7676 #815B5B #594545

4 colores

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 colores

#F67280 #C06C84 #6C5B7B #355C7D

4 colores

#2B2E4A #E84545 #903749 #53354A

4 colores

#E5D9B6 #A4BE7B #5F8D4E #285430

4 colores

#A9907E #F3DEBA #ABC4AA #675D50

4 colores

Amaryllis Garden 8