Registrarse Registrarse
Crystal Attack

Crystal Attack

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Crystal Attack

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Editar
Colores terrosos 12 colores Colores cálidos Tonos oscuros Armonía complementaria gb game rpg crystal
Me gusta 11
Colores 12

Variables CSS

:root {
  --c-earthy-1: #C16F86;
  --c-earthy-2: #6C2D3E;
  --c-earthy-3: #400116;
  --c-earthy-4: #473535;
  --c-earthy-5: #AA7C62;
  --c-earthy-6: #65342D;
  --c-earthy-7: #2B0B0C;
  --c-earthy-8: #0E1525;
  --c-earthy-9: #24454C;
  --c-earthy-10: #638C7A;
  --c-earthy-11: #202A2B;
  --c-earthy-12: #000000;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Briar Rose (#C16F86), su tono más claro, a Black (#000000), el más oscuro. Combina Briar Rose, Siren, Rhinoceros Beetle, Noblesse Oblige, Tawny Birch, One Dozen, Root Brew, Corbeau, Everglade Deck, Sea Monster, Charleston Green y Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #C16F86 sobre #000000, con 5,89: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

Briar Rose #C16F86
RGB
rgb(193, 111, 134)
HSL
hsl(343, 40%, 60%)
Luminancia
0,244
Siren #6C2D3E
RGB
rgb(108, 45, 62)
HSL
hsl(344, 41%, 30%)
Luminancia
0,054
Rhinoceros Beetle #400116
RGB
rgb(64, 1, 22)
HSL
hsl(340, 97%, 13%)
Luminancia
0,012
Noblesse Oblige #473535
RGB
rgb(71, 53, 53)
HSL
hsl(0, 15%, 24%)
Luminancia
0,041
Tawny Birch #AA7C62
RGB
rgb(170, 124, 98)
HSL
hsl(22, 30%, 53%)
Luminancia
0,238
One Dozen #65342D
RGB
rgb(101, 52, 45)
HSL
hsl(8, 38%, 29%)
Luminancia
0,054
Root Brew #2B0B0C
RGB
rgb(43, 11, 12)
HSL
hsl(358, 59%, 11%)
Luminancia
0,008
Corbeau #0E1525
RGB
rgb(14, 21, 37)
HSL
hsl(222, 45%, 10%)
Luminancia
0,008
Everglade Deck #24454C
RGB
rgb(36, 69, 76)
HSL
hsl(191, 36%, 22%)
Luminancia
0,052
Sea Monster #638C7A
RGB
rgb(99, 140, 122)
HSL
hsl(154, 17%, 47%)
Luminancia
0,228
Charleston Green #202A2B
RGB
rgb(32, 42, 43)
HSL
hsl(185, 15%, 15%)
Luminancia
0,021
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000

Contraste y accesibilidad

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

Aa #C16F86 sobre #000000 5,89:1 AA
Aa #AA7C62 sobre #000000 5,77:1 AA
Aa #638C7A sobre #000000 5,56:1 AA
Aa #C16F86 sobre #0E1525 5,11:1 AA
Aa #C16F86 sobre #2B0B0C 5,09:1 AA
Aa #AA7C62 sobre #0E1525 5,00:1 AA
Aa #AA7C62 sobre #2B0B0C 4,99:1 AA
Aa #0E1525 sobre #638C7A 4,83:1 AA
Aa #2B0B0C sobre #638C7A 4,81:1 AA
Aa #C16F86 sobre #400116 4,77:1 AA
Aa #400116 sobre #AA7C62 4,68:1 AA
Aa #400116 sobre #638C7A 4,51:1 AA
Aa #C16F86 sobre #202A2B 4,12:1 AA, texto grande
Aa #AA7C62 sobre #202A2B 4,04:1 AA, texto grande
Aa #638C7A sobre #202A2B 3,90:1 AA, texto grande
Aa #C16F86 sobre #473535 3,22:1 AA, texto grande
Aa #473535 sobre #AA7C62 3,15:1 AA, texto grande
Aa #473535 sobre #638C7A 3,04:1 AA, texto grande
Aa #C16F86 sobre #24454C 2,90:1 No aprobado
Aa #AA7C62 sobre #24454C 2,84:1 No aprobado
Aa #C16F86 sobre #6C2D3E 2,83:1 No aprobado
Aa #C16F86 sobre #65342D 2,83:1 No aprobado
Aa #6C2D3E sobre #AA7C62 2,77:1 No aprobado
Aa #AA7C62 sobre #65342D 2,77:1 No aprobado
Aa #24454C sobre #638C7A 2,74:1 No aprobado
Aa #6C2D3E sobre #638C7A 2,67:1 No aprobado
Aa #65342D sobre #638C7A 2,67:1 No aprobado
Aa #6C2D3E sobre #000000 2,08:1 No aprobado
Aa #65342D sobre #000000 2,08:1 No aprobado
Aa #24454C sobre #000000 2,03:1 No aprobado
Aa #473535 sobre #000000 1,83:1 No aprobado
Aa #6C2D3E sobre #0E1525 1,81:1 No aprobado
Aa #65342D sobre #0E1525 1,81:1 No aprobado
Aa #6C2D3E sobre #2B0B0C 1,80:1 No aprobado
Aa #65342D sobre #2B0B0C 1,80:1 No aprobado
Aa #2B0B0C sobre #24454C 1,76:1 No aprobado
Aa #0E1525 sobre #24454C 1,76:1 No aprobado
Aa #6C2D3E sobre #400116 1,69:1 No aprobado
Aa #400116 sobre #65342D 1,69:1 No aprobado
Aa #400116 sobre #24454C 1,65:1 No aprobado
Aa #473535 sobre #0E1525 1,59:1 No aprobado
Aa #473535 sobre #2B0B0C 1,58:1 No aprobado
Aa #400116 sobre #473535 1,48:1 No aprobado
Aa #6C2D3E sobre #202A2B 1,46:1 No aprobado
Aa #65342D sobre #202A2B 1,46:1 No aprobado
Aa #202A2B sobre #000000 1,43:1 No aprobado
Aa #24454C sobre #202A2B 1,42:1 No aprobado
Aa #473535 sobre #202A2B 1,28:1 No aprobado
Aa #0E1525 sobre #202A2B 1,24:1 No aprobado
Aa #400116 sobre #000000 1,23:1 No aprobado
Aa #2B0B0C sobre #202A2B 1,23:1 No aprobado
Aa #400116 sobre #202A2B 1,16:1 No aprobado
Aa #2B0B0C sobre #000000 1,16:1 No aprobado
Aa #0E1525 sobre #000000 1,15:1 No aprobado
Aa #6C2D3E sobre #473535 1,14:1 No aprobado
Aa #473535 sobre #65342D 1,14:1 No aprobado
Aa #473535 sobre #24454C 1,11:1 No aprobado
Aa #400116 sobre #2B0B0C 1,07:1 No aprobado
Aa #400116 sobre #0E1525 1,07:1 No aprobado
Aa #C16F86 sobre #638C7A 1,06:1 No aprobado
Aa #AA7C62 sobre #638C7A 1,04:1 No aprobado
Aa #6C2D3E sobre #24454C 1,03:1 No aprobado
Aa #65342D sobre #24454C 1,03:1 No aprobado
Aa #C16F86 sobre #AA7C62 1,02:1 No aprobado
Aa #6C2D3E sobre #65342D 1,00:1 No aprobado
Aa #2B0B0C sobre #0E1525 1,00:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores