Registrarse Registrarse
Sirens At Night

Sirens At Night

Paleta de 7 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Sirens At Night

Paleta de 7 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 7 colores Colores fríos Tonos mixtos Armonía complementaria cool red and blue blue and red
Me gusta 722
Colores 7

Variables CSS

:root {
  --c-earthy-1: #DAF2E9;
  --c-earthy-2: #95E0CC;
  --c-earthy-3: #39707A;
  --c-earthy-4: #23495D;
  --c-earthy-5: #1C2638;
  --c-earthy-6: #9B222B;
  --c-earthy-7: #F14E52;
}

Sobre esta paleta

Esta paleta de 7 colores terrosos va de Diluted Mint (#DAF2E9), su tono más claro, a Midnight Express (#1C2638), el más oscuro. Combina Diluted Mint, Beach Glass, Grand Rapids, Arapawa, Midnight Express, Haute Couture y Pastel Strawberry en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DAF2E9 sobre #1C2638, con 12,91: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

Diluted Mint #DAF2E9
RGB
rgb(218, 242, 233)
HSL
hsl(158, 48%, 90%)
Luminancia
0,843
Beach Glass #95E0CC
RGB
rgb(149, 224, 204)
HSL
hsl(164, 55%, 73%)
Luminancia
0,641
Grand Rapids #39707A
RGB
rgb(57, 112, 122)
HSL
hsl(189, 36%, 35%)
Luminancia
0,139
Arapawa #23495D
RGB
rgb(35, 73, 93)
HSL
hsl(201, 45%, 25%)
Luminancia
0,059
Midnight Express #1C2638
RGB
rgb(28, 38, 56)
HSL
hsl(219, 33%, 16%)
Luminancia
0,019
Haute Couture #9B222B
RGB
rgb(155, 34, 43)
HSL
hsl(356, 64%, 37%)
Luminancia
0,083
Pastel Strawberry #F14E52
RGB
rgb(241, 78, 82)
HSL
hsl(359, 85%, 63%)
Luminancia
0,248

Contraste y accesibilidad

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

Aa #DAF2E9 sobre #1C2638 12,91:1 AAA
Aa #95E0CC sobre #1C2638 9,98:1 AAA
Aa #DAF2E9 sobre #23495D 8,18:1 AAA
Aa #DAF2E9 sobre #9B222B 6,72:1 AA
Aa #95E0CC sobre #23495D 6,33:1 AA
Aa #95E0CC sobre #9B222B 5,20:1 AA
Aa #DAF2E9 sobre #39707A 4,73:1 AA
Aa #1C2638 sobre #F14E52 4,30:1 AA, texto grande
Aa #95E0CC sobre #39707A 3,66:1 AA, texto grande
Aa #DAF2E9 sobre #F14E52 3,00:1 AA, texto grande
Aa #39707A sobre #1C2638 2,73:1 No aprobado
Aa #23495D sobre #F14E52 2,73:1 No aprobado
Aa #95E0CC sobre #F14E52 2,32:1 No aprobado
Aa #9B222B sobre #F14E52 2,24:1 No aprobado
Aa #1C2638 sobre #9B222B 1,92:1 No aprobado
Aa #39707A sobre #23495D 1,73:1 No aprobado
Aa #39707A sobre #F14E52 1,58:1 No aprobado
Aa #23495D sobre #1C2638 1,58:1 No aprobado
Aa #39707A sobre #9B222B 1,42:1 No aprobado
Aa #DAF2E9 sobre #95E0CC 1,29:1 No aprobado
Aa #23495D sobre #9B222B 1,22:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores