Registrarse Registrarse
Kyu

Kyu

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

Volver a la biblioteca

Kyu

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

Editar
Colores terrosos 10 colores Colores cálidos Tonos mixtos Armonía complementaria froeu
Me gusta 13
Colores 10

Variables CSS

:root {
  --c-earthy-1: #01060F;
  --c-earthy-2: #3E2E2F;
  --c-earthy-3: #5A5475;
  --c-earthy-4: #837A7C;
  --c-earthy-5: #D5917D;
  --c-earthy-6: #F1B674;
  --c-earthy-7: #F5BCA4;
  --c-earthy-8: #BDB1C2;
  --c-earthy-9: #EB83A0;
  --c-earthy-10: #B67995;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Heirloom Apricot (#F5BCA4), su tono más claro, a Eight Ball (#01060F), el más oscuro. Combina Eight Ball, Chocolate Plum, The Fang, Storm Front, Orange Essential, Golden Corn, Heirloom Apricot, Almost Plum, Iced Berry y Choral Singer en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #01060F sobre #F5BCA4, con 12,19:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Eight Ball #01060F
RGB
rgb(1, 6, 15)
HSL
hsl(219, 88%, 3%)
Luminancia
0,002
Chocolate Plum #3E2E2F
RGB
rgb(62, 46, 47)
HSL
hsl(356, 15%, 21%)
Luminancia
0,032
The Fang #5A5475
RGB
rgb(90, 84, 117)
HSL
hsl(251, 16%, 39%)
Luminancia
0,098
Storm Front #837A7C
RGB
rgb(131, 122, 124)
HSL
hsl(347, 4%, 50%)
Luminancia
0,202
Orange Essential #D5917D
RGB
rgb(213, 145, 125)
HSL
hsl(14, 51%, 66%)
Luminancia
0,359
Golden Corn #F1B674
RGB
rgb(241, 182, 116)
HSL
hsl(32, 82%, 70%)
Luminancia
0,534
Heirloom Apricot #F5BCA4
RGB
rgb(245, 188, 164)
HSL
hsl(18, 80%, 80%)
Luminancia
0,581
Almost Plum #BDB1C2
RGB
rgb(189, 177, 194)
HSL
hsl(282, 12%, 73%)
Luminancia
0,462
Iced Berry #EB83A0
RGB
rgb(235, 131, 160)
HSL
hsl(343, 72%, 72%)
Luminancia
0,364
Choral Singer #B67995
RGB
rgb(182, 121, 149)
HSL
hsl(332, 29%, 59%)
Luminancia
0,258

Contraste y accesibilidad

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

Aa #01060F sobre #F5BCA4 12,19:1 AAA
Aa #01060F sobre #F1B674 11,30:1 AAA
Aa #01060F sobre #BDB1C2 9,89:1 AAA
Aa #01060F sobre #EB83A0 8,01:1 AAA
Aa #01060F sobre #D5917D 7,90:1 AAA
Aa #3E2E2F sobre #F5BCA4 7,71:1 AAA
Aa #3E2E2F sobre #F1B674 7,14:1 AAA
Aa #3E2E2F sobre #BDB1C2 6,25:1 AA
Aa #01060F sobre #B67995 5,95:1 AA
Aa #3E2E2F sobre #EB83A0 5,06:1 AA
Aa #3E2E2F sobre #D5917D 5,00:1 AA
Aa #01060F sobre #837A7C 4,87:1 AA
Aa #5A5475 sobre #F5BCA4 4,26:1 AA, texto grande
Aa #5A5475 sobre #F1B674 3,95:1 AA, texto grande
Aa #3E2E2F sobre #B67995 3,76:1 AA, texto grande
Aa #5A5475 sobre #BDB1C2 3,46:1 AA, texto grande
Aa #3E2E2F sobre #837A7C 3,08:1 AA, texto grande
Aa #01060F sobre #5A5475 2,86:1 No aprobado
Aa #5A5475 sobre #EB83A0 2,80:1 No aprobado
Aa #5A5475 sobre #D5917D 2,76:1 No aprobado
Aa #837A7C sobre #F5BCA4 2,50:1 No aprobado
Aa #837A7C sobre #F1B674 2,32:1 No aprobado
Aa #5A5475 sobre #B67995 2,08:1 No aprobado
Aa #F5BCA4 sobre #B67995 2,05:1 No aprobado
Aa #837A7C sobre #BDB1C2 2,03:1 No aprobado
Aa #F1B674 sobre #B67995 1,90:1 No aprobado
Aa #3E2E2F sobre #5A5475 1,81:1 No aprobado
Aa #5A5475 sobre #837A7C 1,70:1 No aprobado
Aa #BDB1C2 sobre #B67995 1,66:1 No aprobado
Aa #837A7C sobre #EB83A0 1,64:1 No aprobado
Aa #837A7C sobre #D5917D 1,62:1 No aprobado
Aa #01060F sobre #3E2E2F 1,58:1 No aprobado
Aa #D5917D sobre #F5BCA4 1,54:1 No aprobado
Aa #F5BCA4 sobre #EB83A0 1,52:1 No aprobado
Aa #D5917D sobre #F1B674 1,43:1 No aprobado
Aa #F1B674 sobre #EB83A0 1,41:1 No aprobado
Aa #EB83A0 sobre #B67995 1,35:1 No aprobado
Aa #D5917D sobre #B67995 1,33:1 No aprobado
Aa #D5917D sobre #BDB1C2 1,25:1 No aprobado
Aa #F5BCA4 sobre #BDB1C2 1,23:1 No aprobado
Aa #BDB1C2 sobre #EB83A0 1,23:1 No aprobado
Aa #837A7C sobre #B67995 1,22:1 No aprobado
Aa #F1B674 sobre #BDB1C2 1,14:1 No aprobado
Aa #F1B674 sobre #F5BCA4 1,08:1 No aprobado
Aa #D5917D sobre #EB83A0 1,01: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