Registrarse Registrarse
Night 11

Night 11

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

Volver a la biblioteca

Night 11

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

Editar
Colores terrosos 11 colores Colores fríos Tonos mixtos Armonía complementaria artist pjcolorcomp11 pjcolorcomp
Me gusta 6
Colores 11

Variables CSS

:root {
  --c-earthy-1: #183048;
  --c-earthy-2: #507088;
  --c-earthy-3: #B0E0D8;
  --c-earthy-4: #98B880;
  --c-earthy-5: #FFF0B8;
  --c-earthy-6: #E8B4A0;
  --c-earthy-7: #9890A8;
  --c-earthy-8: #705180;
  --c-earthy-9: #743838;
  --c-earthy-10: #986858;
  --c-earthy-11: #D07050;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Dandelion Whisper (#FFF0B8), su tono más claro, a NATO Blue (#183048), el más oscuro. Combina NATO Blue, Inky Blue, Fair Aqua, Willow Dyed, Dandelion Whisper, Black-Eyed Peach, Jazz Tune, Patrician Purple, Oxford Brick, Muscovado Sugar y Sun Baked en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 10 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #183048 sobre #FFF0B8, con 11,84: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

NATO Blue #183048
RGB
rgb(24, 48, 72)
HSL
hsl(210, 50%, 19%)
Luminancia
0,028
Inky Blue #507088
RGB
rgb(80, 112, 136)
HSL
hsl(206, 26%, 42%)
Luminancia
0,151
Fair Aqua #B0E0D8
RGB
rgb(176, 224, 216)
HSL
hsl(170, 44%, 78%)
Luminancia
0,675
Willow Dyed #98B880
RGB
rgb(152, 184, 128)
HSL
hsl(94, 28%, 61%)
Luminancia
0,425
Dandelion Whisper #FFF0B8
RGB
rgb(255, 240, 184)
HSL
hsl(47, 100%, 86%)
Luminancia
0,870
Black-Eyed Peach #E8B4A0
RGB
rgb(232, 180, 160)
HSL
hsl(17, 61%, 77%)
Luminancia
0,523
Jazz Tune #9890A8
RGB
rgb(152, 144, 168)
HSL
hsl(260, 12%, 61%)
Luminancia
0,295
Patrician Purple #705180
RGB
rgb(112, 81, 128)
HSL
hsl(280, 22%, 41%)
Luminancia
0,109
Oxford Brick #743838
RGB
rgb(116, 56, 56)
HSL
hsl(0, 35%, 34%)
Luminancia
0,068
Muscovado Sugar #986858
RGB
rgb(152, 104, 88)
HSL
hsl(15, 27%, 47%)
Luminancia
0,173
Sun Baked #D07050
RGB
rgb(208, 112, 80)
HSL
hsl(15, 58%, 56%)
Luminancia
0,256

Contraste y accesibilidad

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

Aa #183048 sobre #FFF0B8 11,84:1 AAA
Aa #183048 sobre #B0E0D8 9,32:1 AAA
Aa #FFF0B8 sobre #743838 7,78:1 AAA
Aa #183048 sobre #E8B4A0 7,37:1 AAA
Aa #B0E0D8 sobre #743838 6,13:1 AA
Aa #183048 sobre #98B880 6,11:1 AA
Aa #FFF0B8 sobre #705180 5,79:1 AA
Aa #E8B4A0 sobre #743838 4,85:1 AA
Aa #507088 sobre #FFF0B8 4,59:1 AA
Aa #B0E0D8 sobre #705180 4,56:1 AA
Aa #183048 sobre #9890A8 4,43:1 AA, texto grande
Aa #FFF0B8 sobre #986858 4,13:1 AA, texto grande
Aa #98B880 sobre #743838 4,02:1 AA, texto grande
Aa #183048 sobre #D07050 3,93:1 AA, texto grande
Aa #507088 sobre #B0E0D8 3,61:1 AA, texto grande
Aa #E8B4A0 sobre #705180 3,61:1 AA, texto grande
Aa #B0E0D8 sobre #986858 3,25:1 AA, texto grande
Aa #FFF0B8 sobre #D07050 3,01:1 AA, texto grande
Aa #98B880 sobre #705180 2,99:1 No aprobado
Aa #9890A8 sobre #743838 2,91:1 No aprobado
Aa #183048 sobre #986858 2,87:1 No aprobado
Aa #507088 sobre #E8B4A0 2,86:1 No aprobado
Aa #FFF0B8 sobre #9890A8 2,67:1 No aprobado
Aa #743838 sobre #D07050 2,59:1 No aprobado
Aa #183048 sobre #507088 2,58:1 No aprobado
Aa #E8B4A0 sobre #986858 2,57:1 No aprobado
Aa #507088 sobre #98B880 2,37:1 No aprobado
Aa #B0E0D8 sobre #D07050 2,37:1 No aprobado
Aa #9890A8 sobre #705180 2,17:1 No aprobado
Aa #98B880 sobre #986858 2,13:1 No aprobado
Aa #B0E0D8 sobre #9890A8 2,10:1 No aprobado
Aa #183048 sobre #705180 2,04:1 No aprobado
Aa #98B880 sobre #FFF0B8 1,94:1 No aprobado
Aa #705180 sobre #D07050 1,92:1 No aprobado
Aa #E8B4A0 sobre #D07050 1,88:1 No aprobado
Aa #743838 sobre #986858 1,88:1 No aprobado
Aa #507088 sobre #9890A8 1,72:1 No aprobado
Aa #507088 sobre #743838 1,70:1 No aprobado
Aa #E8B4A0 sobre #9890A8 1,66:1 No aprobado
Aa #FFF0B8 sobre #E8B4A0 1,61:1 No aprobado
Aa #98B880 sobre #D07050 1,55:1 No aprobado
Aa #9890A8 sobre #986858 1,55:1 No aprobado
Aa #B0E0D8 sobre #98B880 1,53:1 No aprobado
Aa #183048 sobre #743838 1,52:1 No aprobado
Aa #507088 sobre #D07050 1,52:1 No aprobado
Aa #705180 sobre #986858 1,40:1 No aprobado
Aa #98B880 sobre #9890A8 1,38:1 No aprobado
Aa #986858 sobre #D07050 1,37:1 No aprobado
Aa #705180 sobre #743838 1,34:1 No aprobado
Aa #B0E0D8 sobre #FFF0B8 1,27:1 No aprobado
Aa #507088 sobre #705180 1,26:1 No aprobado
Aa #B0E0D8 sobre #E8B4A0 1,26:1 No aprobado
Aa #98B880 sobre #E8B4A0 1,21:1 No aprobado
Aa #9890A8 sobre #D07050 1,13:1 No aprobado
Aa #507088 sobre #986858 1,11: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