Red Ish DB LY Desert Like Pallet

Red Ish DB LY Desert Like Pallet

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

Red Ish DB LY Desert Like Pallet

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

Editar
Colores terrosos 9 colores Colores cálidos Tonos mixtos Armonía complementaria red desert dbly
Me gusta 32
Colores 9


Variables CSS

:root {
  --c-earthy-1: #FBFECF;
  --c-earthy-2: #DDB687;
  --c-earthy-3: #C37648;
  --c-earthy-4: #222034;
  --c-earthy-5: #33161D;
  --c-earthy-6: #45283C;
  --c-earthy-7: #66313D;
  --c-earthy-8: #AC3232;
  --c-earthy-9: #17090D;
}

Sobre esta paleta

Esta paleta de 9 colores terrosos va de Morrow White (#FBFECF), su tono más claro, a Noir Fiction (#17090D), el más oscuro. Combina Morrow White, Burlywood, Marmalade Glaze, Black Velvet, Black Cherry, Profound Mauve, Power Tie, Raging Raisin y Noir Fiction en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FBFECF sobre #17090D, con 18,66: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

Morrow White #FBFECF
RGB
rgb(251, 254, 207)
HSL
hsl(64, 96%, 90%)
Luminancia
0,959
Burlywood #DDB687
RGB
rgb(221, 182, 135)
HSL
hsl(33, 56%, 70%)
Luminancia
0,506
Marmalade Glaze #C37648
RGB
rgb(195, 118, 72)
HSL
hsl(22, 51%, 52%)
Luminancia
0,250
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Luminancia
0,016
Black Cherry #33161D
RGB
rgb(51, 22, 29)
HSL
hsl(346, 40%, 14%)
Luminancia
0,014
Profound Mauve #45283C
RGB
rgb(69, 40, 60)
HSL
hsl(319, 27%, 21%)
Luminancia
0,031
Power Tie #66313D
RGB
rgb(102, 49, 61)
HSL
hsl(346, 35%, 30%)
Luminancia
0,054
Raging Raisin #AC3232
RGB
rgb(172, 50, 50)
HSL
hsl(0, 55%, 44%)
Luminancia
0,113
Noir Fiction #17090D
RGB
rgb(23, 9, 13)
HSL
hsl(343, 44%, 6%)
Luminancia
0,004

Contraste y accesibilidad

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

Aa #FBFECF sobre #17090D 18,66:1 AAA
Aa #FBFECF sobre #33161D 15,85:1 AAA
Aa #FBFECF sobre #222034 15,24:1 AAA
Aa #FBFECF sobre #45283C 12,44:1 AAA
Aa #DDB687 sobre #17090D 10,28:1 AAA
Aa #FBFECF sobre #66313D 9,74:1 AAA
Aa #DDB687 sobre #33161D 8,73:1 AAA
Aa #DDB687 sobre #222034 8,39:1 AAA
Aa #DDB687 sobre #45283C 6,85:1 AA
Aa #FBFECF sobre #AC3232 6,20:1 AA
Aa #C37648 sobre #17090D 5,55:1 AA
Aa #DDB687 sobre #66313D 5,37:1 AA
Aa #C37648 sobre #33161D 4,72:1 AA
Aa #C37648 sobre #222034 4,54:1 AA
Aa #C37648 sobre #45283C 3,70:1 AA, texto grande
Aa #DDB687 sobre #AC3232 3,41:1 AA, texto grande
Aa #FBFECF sobre #C37648 3,36:1 AA, texto grande
Aa #AC3232 sobre #17090D 3,01:1 AA, texto grande
Aa #C37648 sobre #66313D 2,90:1 No aprobado
Aa #33161D sobre #AC3232 2,56:1 No aprobado
Aa #222034 sobre #AC3232 2,46:1 No aprobado
Aa #45283C sobre #AC3232 2,01:1 No aprobado
Aa #66313D sobre #17090D 1,92:1 No aprobado
Aa #DDB687 sobre #C37648 1,85:1 No aprobado
Aa #C37648 sobre #AC3232 1,84:1 No aprobado
Aa #FBFECF sobre #DDB687 1,82:1 No aprobado
Aa #33161D sobre #66313D 1,63:1 No aprobado
Aa #66313D sobre #AC3232 1,57:1 No aprobado
Aa #222034 sobre #66313D 1,56:1 No aprobado
Aa #45283C sobre #17090D 1,50:1 No aprobado
Aa #45283C sobre #66313D 1,28:1 No aprobado
Aa #33161D sobre #45283C 1,27:1 No aprobado
Aa #222034 sobre #45283C 1,22:1 No aprobado
Aa #222034 sobre #17090D 1,22:1 No aprobado
Aa #33161D sobre #17090D 1,18:1 No aprobado
Aa #222034 sobre #33161D 1,04: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