Registrarse Registrarse
Logcabin

Logcabin

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

Volver a la biblioteca

Logcabin

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

Editar
Colores vibrantes 11 colores Colores cálidos Tonos claros Armonía complementaria artist winter cozy
Me gusta 50
Colores 11

Variables CSS

:root {
  --c-vibrant-1: #73383E;
  --c-vibrant-2: #AD5845;
  --c-vibrant-3: #CF784C;
  --c-vibrant-4: #E8AD80;
  --c-vibrant-5: #F5E5BF;
  --c-vibrant-6: #F7FFED;
  --c-vibrant-7: #B5F5EC;
  --c-vibrant-8: #5BACE3;
  --c-vibrant-9: #636AB8;
  --c-vibrant-10: #574175;
  --c-vibrant-11: #2F2338;
}

Sobre esta paleta

Esta paleta de 11 colores vibrantes va de Pearl Powder (#F7FFED), su tono más claro, a Bleached Cedar (#2F2338), el más oscuro. Combina Antique Rosewood, Tibetan Orange, Brown Sugar Glaze, Melting Sunset, Scroll of Wisdom, Pearl Powder, Pale King’s Blue, Blue Jeans, Bluish Purple Anemone, When Red Met Blue y Bleached Cedar en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #F7FFED sobre #2F2338, con 14,44: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

Antique Rosewood #73383E
RGB
rgb(115, 56, 62)
HSL
hsl(354, 35%, 34%)
Luminancia
0,068
Tibetan Orange #AD5845
RGB
rgb(173, 88, 69)
HSL
hsl(11, 43%, 47%)
Luminancia
0,163
Brown Sugar Glaze #CF784C
RGB
rgb(207, 120, 76)
HSL
hsl(20, 58%, 55%)
Luminancia
0,272
Melting Sunset #E8AD80
RGB
rgb(232, 173, 128)
HSL
hsl(26, 69%, 71%)
Luminancia
0,486
Scroll of Wisdom #F5E5BF
RGB
rgb(245, 229, 191)
HSL
hsl(42, 73%, 85%)
Luminancia
0,792
Pearl Powder #F7FFED
RGB
rgb(247, 255, 237)
HSL
hsl(87, 100%, 96%)
Luminancia
0,974
Pale King’s Blue #B5F5EC
RGB
rgb(181, 245, 236)
HSL
hsl(172, 76%, 84%)
Luminancia
0,812
Blue Jeans #5BACE3
RGB
rgb(91, 172, 227)
HSL
hsl(204, 71%, 62%)
Luminancia
0,373
Bluish Purple Anemone #636AB8
RGB
rgb(99, 106, 184)
HSL
hsl(235, 37%, 55%)
Luminancia
0,164
When Red Met Blue #574175
RGB
rgb(87, 65, 117)
HSL
hsl(265, 29%, 36%)
Luminancia
0,071
Bleached Cedar #2F2338
RGB
rgb(47, 35, 56)
HSL
hsl(274, 23%, 18%)
Luminancia
0,021

Contraste y accesibilidad

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

Aa #F7FFED sobre #2F2338 14,44:1 AAA
Aa #B5F5EC sobre #2F2338 12,15:1 AAA
Aa #F5E5BF sobre #2F2338 11,87:1 AAA
Aa #73383E sobre #F7FFED 8,66:1 AAA
Aa #F7FFED sobre #574175 8,47:1 AAA
Aa #E8AD80 sobre #2F2338 7,56:1 AAA
Aa #73383E sobre #B5F5EC 7,29:1 AAA
Aa #B5F5EC sobre #574175 7,13:1 AAA
Aa #73383E sobre #F5E5BF 7,12:1 AAA
Aa #F5E5BF sobre #574175 6,96:1 AA
Aa #5BACE3 sobre #2F2338 5,96:1 AA
Aa #AD5845 sobre #F7FFED 4,81:1 AA
Aa #F7FFED sobre #636AB8 4,78:1 AA
Aa #CF784C sobre #2F2338 4,54:1 AA
Aa #73383E sobre #E8AD80 4,53:1 AA
Aa #E8AD80 sobre #574175 4,43:1 AA, texto grande
Aa #AD5845 sobre #B5F5EC 4,05:1 AA, texto grande
Aa #B5F5EC sobre #636AB8 4,02:1 AA, texto grande
Aa #AD5845 sobre #F5E5BF 3,95:1 AA, texto grande
Aa #F5E5BF sobre #636AB8 3,93:1 AA, texto grande
Aa #73383E sobre #5BACE3 3,58:1 AA, texto grande
Aa #5BACE3 sobre #574175 3,50:1 AA, texto grande
Aa #CF784C sobre #F7FFED 3,18:1 AA, texto grande
Aa #636AB8 sobre #2F2338 3,02:1 AA, texto grande
Aa #AD5845 sobre #2F2338 3,00:1 AA, texto grande
Aa #73383E sobre #CF784C 2,73:1 No aprobado
Aa #CF784C sobre #B5F5EC 2,67:1 No aprobado
Aa #CF784C sobre #574175 2,66:1 No aprobado
Aa #CF784C sobre #F5E5BF 2,61:1 No aprobado
Aa #AD5845 sobre #E8AD80 2,52:1 No aprobado
Aa #E8AD80 sobre #636AB8 2,50:1 No aprobado
Aa #F7FFED sobre #5BACE3 2,42:1 No aprobado
Aa #B5F5EC sobre #5BACE3 2,04:1 No aprobado
Aa #AD5845 sobre #5BACE3 1,99:1 No aprobado
Aa #F5E5BF sobre #5BACE3 1,99:1 No aprobado
Aa #5BACE3 sobre #636AB8 1,97:1 No aprobado
Aa #E8AD80 sobre #F7FFED 1,91:1 No aprobado
Aa #73383E sobre #636AB8 1,81:1 No aprobado
Aa #73383E sobre #AD5845 1,80:1 No aprobado
Aa #636AB8 sobre #574175 1,77:1 No aprobado
Aa #AD5845 sobre #574175 1,76:1 No aprobado
Aa #574175 sobre #2F2338 1,70:1 No aprobado
Aa #73383E sobre #2F2338 1,67:1 No aprobado
Aa #CF784C sobre #E8AD80 1,66:1 No aprobado
Aa #E8AD80 sobre #B5F5EC 1,61:1 No aprobado
Aa #E8AD80 sobre #F5E5BF 1,57:1 No aprobado
Aa #AD5845 sobre #CF784C 1,51:1 No aprobado
Aa #CF784C sobre #636AB8 1,50:1 No aprobado
Aa #CF784C sobre #5BACE3 1,31:1 No aprobado
Aa #E8AD80 sobre #5BACE3 1,27:1 No aprobado
Aa #F5E5BF sobre #F7FFED 1,22:1 No aprobado
Aa #F7FFED sobre #B5F5EC 1,19:1 No aprobado
Aa #73383E sobre #574175 1,02:1 No aprobado
Aa #F5E5BF sobre #B5F5EC 1,02:1 No aprobado
Aa #AD5845 sobre #636AB8 1,01:1 No aprobado

Paletas similares

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colores