Registrarse Registrarse
Primary Cold

Primary Cold

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

Volver a la biblioteca

Primary Cold

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

Editar
Colores terrosos 4 colores Colores neutros Tonos mixtos Armonía complementaria gameboyprimarycold
Me gusta 28
Colores 4

Variables CSS

:root {
  --c-earthy-1: #E7F2F6;
  --c-earthy-2: #976F62;
  --c-earthy-3: #23223C;
  --c-earthy-4: #C5AF8B;
}

Sobre esta paleta

Esta paleta de 4 colores terrosos va de Clear Vision (#E7F2F6), su tono más claro, a Midnight Express (#23223C), el más oscuro. Combina Clear Vision, Chocolate Temptation, Midnight Express y Green Gold en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 2 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #E7F2F6 sobre #23223C, con 13,5: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

Clear Vision #E7F2F6
RGB
rgb(231, 242, 246)
HSL
hsl(196, 45%, 94%)
Luminancia
0,872
Chocolate Temptation #976F62
RGB
rgb(151, 111, 98)
HSL
hsl(15, 21%, 49%)
Luminancia
0,188
Midnight Express #23223C
RGB
rgb(35, 34, 60)
HSL
hsl(242, 28%, 18%)
Luminancia
0,018
Green Gold #C5AF8B
RGB
rgb(197, 175, 139)
HSL
hsl(37, 33%, 66%)
Luminancia
0,444

Contraste y accesibilidad

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

Aa #E7F2F6 sobre #23223C 13,50:1 AAA
Aa #23223C sobre #C5AF8B 7,23:1 AAA
Aa #E7F2F6 sobre #976F62 3,87:1 AA, texto grande
Aa #976F62 sobre #23223C 3,49:1 AA, texto grande
Aa #976F62 sobre #C5AF8B 2,07:1 No aprobado
Aa #E7F2F6 sobre #C5AF8B 1,87: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