Registrarse Registrarse
Crazy 08

Crazy 08

Paleta de 8 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Crazy 08

Paleta de 8 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 8 colores Colores neutros Tonos mixtos Armonía complementaria 8 saturated 3bit marchmadnesspalettecontest
Me gusta 80
Colores 8

Variables CSS

:root {
  --c-earthy-1: #DEDFD5;
  --c-earthy-2: #8AB176;
  --c-earthy-3: #D59D50;
  --c-earthy-4: #B54646;
  --c-earthy-5: #21202A;
  --c-earthy-6: #754E89;
  --c-earthy-7: #2A62AF;
  --c-earthy-8: #4AB9B9;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Salt Cellar (#DEDFD5), su tono más claro, a To Hell and Black (#21202A), el más oscuro. Combina Salt Cellar, Hakusai Green, Saffron Robe, Empower, To Hell and Black, Cleopatra’s Gown, Rainbow Bright y Arctic Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DEDFD5 sobre #21202A, con 11,97: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

Salt Cellar #DEDFD5
RGB
rgb(222, 223, 213)
HSL
hsl(66, 14%, 85%)
Luminancia
0,731
Hakusai Green #8AB176
RGB
rgb(138, 177, 118)
HSL
hsl(100, 27%, 58%)
Luminancia
0,382
Saffron Robe #D59D50
RGB
rgb(213, 157, 80)
HSL
hsl(35, 61%, 57%)
Luminancia
0,388
Empower #B54646
RGB
rgb(181, 70, 70)
HSL
hsl(0, 44%, 49%)
Luminancia
0,147
To Hell and Black #21202A
RGB
rgb(33, 32, 42)
HSL
hsl(246, 14%, 15%)
Luminancia
0,015
Cleopatra’s Gown #754E89
RGB
rgb(117, 78, 137)
HSL
hsl(280, 27%, 42%)
Luminancia
0,110
Rainbow Bright #2A62AF
RGB
rgb(42, 98, 175)
HSL
hsl(215, 61%, 43%)
Luminancia
0,123
Arctic Green #4AB9B9
RGB
rgb(74, 185, 185)
HSL
hsl(180, 44%, 51%)
Luminancia
0,397

Contraste y accesibilidad

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

Aa #DEDFD5 sobre #21202A 11,97:1 AAA
Aa #21202A sobre #4AB9B9 6,85:1 AA
Aa #D59D50 sobre #21202A 6,72:1 AA
Aa #8AB176 sobre #21202A 6,62:1 AA
Aa #DEDFD5 sobre #754E89 4,87:1 AA
Aa #DEDFD5 sobre #2A62AF 4,51:1 AA
Aa #DEDFD5 sobre #B54646 3,98:1 AA, texto grande
Aa #B54646 sobre #21202A 3,01:1 AA, texto grande
Aa #754E89 sobre #4AB9B9 2,78:1 No aprobado
Aa #D59D50 sobre #754E89 2,73:1 No aprobado
Aa #8AB176 sobre #754E89 2,69:1 No aprobado
Aa #21202A sobre #2A62AF 2,66:1 No aprobado
Aa #2A62AF sobre #4AB9B9 2,58:1 No aprobado
Aa #D59D50 sobre #2A62AF 2,53:1 No aprobado
Aa #8AB176 sobre #2A62AF 2,49:1 No aprobado
Aa #21202A sobre #754E89 2,46:1 No aprobado
Aa #B54646 sobre #4AB9B9 2,27:1 No aprobado
Aa #D59D50 sobre #B54646 2,23:1 No aprobado
Aa #8AB176 sobre #B54646 2,20:1 No aprobado
Aa #DEDFD5 sobre #8AB176 1,81:1 No aprobado
Aa #DEDFD5 sobre #D59D50 1,78:1 No aprobado
Aa #DEDFD5 sobre #4AB9B9 1,75:1 No aprobado
Aa #B54646 sobre #754E89 1,23:1 No aprobado
Aa #B54646 sobre #2A62AF 1,13:1 No aprobado
Aa #754E89 sobre #2A62AF 1,08:1 No aprobado
Aa #8AB176 sobre #4AB9B9 1,03:1 No aprobado
Aa #8AB176 sobre #D59D50 1,02:1 No aprobado
Aa #D59D50 sobre #4AB9B9 1,02:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B
4 colores
#F5F7F8 #F4CE14 #495E57 #45474B
4 colores
#222831 #393E46 #FFD369 #EEEEEE
4 colores
#000000 #52057B #892CDC #BC6FF1
4 colores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colores
#F5EFE7 #D8C4B6 #4F709C #213555
4 colores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colores