Registrarse Registrarse
Dusty 11

Dusty 11

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Dusty 11

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 11 colores Colores cálidos Tonos mixtos Armonía complementaria artist grafxkid
Me gusta 23
Colores 11

Variables CSS

:root {
  --c-vibrant-1: #93476D;
  --c-vibrant-2: #DD8B6F;
  --c-vibrant-3: #F5DB68;
  --c-vibrant-4: #7CBA40;
  --c-vibrant-5: #326599;
  --c-vibrant-6: #69A7F4;
  --c-vibrant-7: #9DDFFD;
  --c-vibrant-8: #F9F6EB;
  --c-vibrant-9: #A4B2B6;
  --c-vibrant-10: #676C7E;
  --c-vibrant-11: #2E2831;
}

Sobre esta paleta

Esta paleta de 11 colores vibrantes va de Clear Moon (#F9F6EB), su tono más claro, a Black Safflower (#2E2831), el más oscuro. Combina Befitting, Guava Jam, Wild Daffodil, Sparkling Apple, Caledor Sky, Blue Jeans, Columbia Blue, Clear Moon, Special Delivery, Nostalgic y Black Safflower en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #F9F6EB sobre #2E2831, con 13,26: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

Befitting #93476D
RGB
rgb(147, 71, 109)
HSL
hsl(330, 35%, 43%)
Luminancia
0,118
Guava Jam #DD8B6F
RGB
rgb(221, 139, 111)
HSL
hsl(15, 62%, 65%)
Luminancia
0,350
Wild Daffodil #F5DB68
RGB
rgb(245, 219, 104)
HSL
hsl(49, 88%, 68%)
Luminancia
0,711
Sparkling Apple #7CBA40
RGB
rgb(124, 186, 64)
HSL
hsl(90, 49%, 49%)
Luminancia
0,398
Caledor Sky #326599
RGB
rgb(50, 101, 153)
HSL
hsl(210, 51%, 40%)
Luminancia
0,123
Blue Jeans #69A7F4
RGB
rgb(105, 167, 244)
HSL
hsl(213, 86%, 68%)
Luminancia
0,372
Columbia Blue #9DDFFD
RGB
rgb(157, 223, 253)
HSL
hsl(199, 96%, 80%)
Luminancia
0,670
Clear Moon #F9F6EB
RGB
rgb(249, 246, 235)
HSL
hsl(47, 54%, 95%)
Luminancia
0,921
Special Delivery #A4B2B6
RGB
rgb(164, 178, 182)
HSL
hsl(193, 11%, 68%)
Luminancia
0,431
Nostalgic #676C7E
RGB
rgb(103, 108, 126)
HSL
hsl(227, 10%, 45%)
Luminancia
0,151
Black Safflower #2E2831
RGB
rgb(46, 40, 49)
HSL
hsl(280, 10%, 17%)
Luminancia
0,023

Contraste y accesibilidad

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

Aa #F9F6EB sobre #2E2831 13,26:1 AAA
Aa #F5DB68 sobre #2E2831 10,39:1 AAA
Aa #9DDFFD sobre #2E2831 9,84:1 AAA
Aa #A4B2B6 sobre #2E2831 6,57:1 AA
Aa #7CBA40 sobre #2E2831 6,12:1 AA
Aa #93476D sobre #F9F6EB 5,77:1 AA
Aa #69A7F4 sobre #2E2831 5,76:1 AA
Aa #326599 sobre #F9F6EB 5,61:1 AA
Aa #DD8B6F sobre #2E2831 5,46:1 AA
Aa #F9F6EB sobre #676C7E 4,82:1 AA
Aa #93476D sobre #F5DB68 4,52:1 AA
Aa #F5DB68 sobre #326599 4,40:1 AA, texto grande
Aa #93476D sobre #9DDFFD 4,28:1 AA, texto grande
Aa #326599 sobre #9DDFFD 4,17:1 AA, texto grande
Aa #F5DB68 sobre #676C7E 3,78:1 AA, texto grande
Aa #9DDFFD sobre #676C7E 3,58:1 AA, texto grande
Aa #93476D sobre #A4B2B6 2,86:1 No aprobado
Aa #326599 sobre #A4B2B6 2,78:1 No aprobado
Aa #676C7E sobre #2E2831 2,75:1 No aprobado
Aa #93476D sobre #7CBA40 2,66:1 No aprobado
Aa #7CBA40 sobre #326599 2,59:1 No aprobado
Aa #93476D sobre #69A7F4 2,51:1 No aprobado
Aa #326599 sobre #69A7F4 2,44:1 No aprobado
Aa #DD8B6F sobre #F9F6EB 2,43:1 No aprobado
Aa #A4B2B6 sobre #676C7E 2,39:1 No aprobado
Aa #93476D sobre #DD8B6F 2,38:1 No aprobado
Aa #326599 sobre #2E2831 2,36:1 No aprobado
Aa #DD8B6F sobre #326599 2,31:1 No aprobado
Aa #93476D sobre #2E2831 2,30:1 No aprobado
Aa #69A7F4 sobre #F9F6EB 2,30:1 No aprobado
Aa #7CBA40 sobre #676C7E 2,23:1 No aprobado
Aa #7CBA40 sobre #F9F6EB 2,17:1 No aprobado
Aa #69A7F4 sobre #676C7E 2,10:1 No aprobado
Aa #F9F6EB sobre #A4B2B6 2,02:1 No aprobado
Aa #DD8B6F sobre #676C7E 1,99:1 No aprobado
Aa #DD8B6F sobre #F5DB68 1,90:1 No aprobado
Aa #DD8B6F sobre #9DDFFD 1,80:1 No aprobado
Aa #F5DB68 sobre #69A7F4 1,80:1 No aprobado
Aa #69A7F4 sobre #9DDFFD 1,71:1 No aprobado
Aa #F5DB68 sobre #7CBA40 1,70:1 No aprobado
Aa #7CBA40 sobre #9DDFFD 1,61:1 No aprobado
Aa #F5DB68 sobre #A4B2B6 1,58:1 No aprobado
Aa #9DDFFD sobre #A4B2B6 1,50:1 No aprobado
Aa #9DDFFD sobre #F9F6EB 1,35:1 No aprobado
Aa #F5DB68 sobre #F9F6EB 1,28:1 No aprobado
Aa #93476D sobre #676C7E 1,20:1 No aprobado
Aa #DD8B6F sobre #A4B2B6 1,20:1 No aprobado
Aa #326599 sobre #676C7E 1,16:1 No aprobado
Aa #69A7F4 sobre #A4B2B6 1,14:1 No aprobado
Aa #DD8B6F sobre #7CBA40 1,12:1 No aprobado
Aa #7CBA40 sobre #A4B2B6 1,07:1 No aprobado
Aa #F5DB68 sobre #9DDFFD 1,06:1 No aprobado
Aa #7CBA40 sobre #69A7F4 1,06:1 No aprobado
Aa #DD8B6F sobre #69A7F4 1,05:1 No aprobado
Aa #93476D sobre #326599 1,03: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