Registrarse Registrarse
BASIC BIT

BASIC BIT

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

Volver a la biblioteca

BASIC BIT

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

Editar
Colores terrosos 9 colores Colores cálidos Tonos claros Armonía complementaria simple lowsaturation rainbow
Me gusta 107
Colores 9

Variables CSS

:root {
  --c-earthy-1: #D76C6C;
  --c-earthy-2: #F49461;
  --c-earthy-3: #FFDD7E;
  --c-earthy-4: #87BF72;
  --c-earthy-5: #6A94B1;
  --c-earthy-6: #73577E;
  --c-earthy-7: #FFFCF1;
  --c-earthy-8: #BEBEB4;
  --c-earthy-9: #3E3E3E;
}

Sobre esta paleta

Esta paleta de 9 colores terrosos va de Granulated Sugar (#FFFCF1), su tono más claro, a Black Lacquer (#3E3E3E), el más oscuro. Combina Coral Expression, Brown Sand, Cup Noodles, Laudable Lime, Aragonite Blue, Dr Who, Granulated Sugar, Light Year y Black Lacquer en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FFFCF1 sobre #3E3E3E, con 10,41: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

Coral Expression #D76C6C
RGB
rgb(215, 108, 108)
HSL
hsl(0, 57%, 63%)
Luminancia
0,263
Brown Sand #F49461
RGB
rgb(244, 148, 97)
HSL
hsl(21, 87%, 67%)
Luminancia
0,413
Cup Noodles #FFDD7E
RGB
rgb(255, 221, 126)
HSL
hsl(44, 100%, 75%)
Luminancia
0,745
Laudable Lime #87BF72
RGB
rgb(135, 191, 114)
HSL
hsl(104, 38%, 60%)
Luminancia
0,436
Aragonite Blue #6A94B1
RGB
rgb(106, 148, 177)
HSL
hsl(205, 31%, 55%)
Luminancia
0,274
Dr Who #73577E
RGB
rgb(115, 87, 126)
HSL
hsl(283, 18%, 42%)
Luminancia
0,120
Granulated Sugar #FFFCF1
RGB
rgb(255, 252, 241)
HSL
hsl(47, 100%, 97%)
Luminancia
0,972
Light Year #BEBEB4
RGB
rgb(190, 190, 180)
HSL
hsl(60, 7%, 73%)
Luminancia
0,511
Black Lacquer #3E3E3E
RGB
rgb(62, 62, 62)
HSL
hsl(0, 0%, 24%)
Luminancia
0,048

Contraste y accesibilidad

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

Aa #FFFCF1 sobre #3E3E3E 10,41:1 AAA
Aa #FFDD7E sobre #3E3E3E 8,10:1 AAA
Aa #73577E sobre #FFFCF1 6,03:1 AA
Aa #BEBEB4 sobre #3E3E3E 5,71:1 AA
Aa #87BF72 sobre #3E3E3E 4,95:1 AA
Aa #F49461 sobre #3E3E3E 4,71:1 AA
Aa #FFDD7E sobre #73577E 4,68:1 AA
Aa #6A94B1 sobre #3E3E3E 3,30:1 AA, texto grande
Aa #73577E sobre #BEBEB4 3,30:1 AA, texto grande
Aa #D76C6C sobre #FFFCF1 3,27:1 AA, texto grande
Aa #D76C6C sobre #3E3E3E 3,18:1 AA, texto grande
Aa #6A94B1 sobre #FFFCF1 3,15:1 AA, texto grande
Aa #87BF72 sobre #73577E 2,87:1 No aprobado
Aa #F49461 sobre #73577E 2,73:1 No aprobado
Aa #D76C6C sobre #FFDD7E 2,54:1 No aprobado
Aa #FFDD7E sobre #6A94B1 2,45:1 No aprobado
Aa #F49461 sobre #FFFCF1 2,21:1 No aprobado
Aa #87BF72 sobre #FFFCF1 2,10:1 No aprobado
Aa #6A94B1 sobre #73577E 1,91:1 No aprobado
Aa #D76C6C sobre #73577E 1,84:1 No aprobado
Aa #FFFCF1 sobre #BEBEB4 1,82:1 No aprobado
Aa #D76C6C sobre #BEBEB4 1,79:1 No aprobado
Aa #6A94B1 sobre #BEBEB4 1,73:1 No aprobado
Aa #73577E sobre #3E3E3E 1,73:1 No aprobado
Aa #F49461 sobre #FFDD7E 1,72:1 No aprobado
Aa #FFDD7E sobre #87BF72 1,63:1 No aprobado
Aa #D76C6C sobre #87BF72 1,56:1 No aprobado
Aa #87BF72 sobre #6A94B1 1,50:1 No aprobado
Aa #D76C6C sobre #F49461 1,48:1 No aprobado
Aa #F49461 sobre #6A94B1 1,43:1 No aprobado
Aa #FFDD7E sobre #BEBEB4 1,42:1 No aprobado
Aa #FFDD7E sobre #FFFCF1 1,29:1 No aprobado
Aa #F49461 sobre #BEBEB4 1,21:1 No aprobado
Aa #87BF72 sobre #BEBEB4 1,15:1 No aprobado
Aa #F49461 sobre #87BF72 1,05:1 No aprobado
Aa #D76C6C sobre #6A94B1 1,04: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