Registrarse Registrarse
Tritanopi8

Tritanopi8

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

Volver a la biblioteca

Tritanopi8

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

Editar
Colores terrosos 8 colores Colores neutros Tonos mixtos Armonía complementaria tritanopia colourblindness
Me gusta 10
Colores 8

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #555555;
  --c-earthy-3: #AAAAAA;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #00AA7F;
  --c-earthy-6: #55FFD0;
  --c-earthy-7: #AA0020;
  --c-earthy-8: #FF557F;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de White (#FFFFFF), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Stone Cold, Dhūsar Grey, White, Simply Green, Rare Wind, Incarnadine y Warm Pink en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FFFFFF, con 21: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Stone Cold #555555
RGB
rgb(85, 85, 85)
HSL
hsl(0, 0%, 33%)
Luminancia
0,091
Dhūsar Grey #AAAAAA
RGB
rgb(170, 170, 170)
HSL
hsl(0, 0%, 67%)
Luminancia
0,402
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminancia
1,000
Simply Green #00AA7F
RGB
rgb(0, 170, 127)
HSL
hsl(165, 100%, 33%)
Luminancia
0,303
Rare Wind #55FFD0
RGB
rgb(85, 255, 208)
HSL
hsl(163, 100%, 67%)
Luminancia
0,780
Incarnadine #AA0020
RGB
rgb(170, 0, 32)
HSL
hsl(349, 100%, 33%)
Luminancia
0,087
Warm Pink #FF557F
RGB
rgb(255, 85, 127)
HSL
hsl(345, 100%, 67%)
Luminancia
0,293

Contraste y accesibilidad

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

Aa #000000 sobre #FFFFFF 21,00:1 AAA
Aa #000000 sobre #55FFD0 16,60:1 AAA
Aa #000000 sobre #AAAAAA 9,04:1 AAA
Aa #FFFFFF sobre #AA0020 7,69:1 AAA
Aa #555555 sobre #FFFFFF 7,46:1 AAA
Aa #000000 sobre #00AA7F 7,06:1 AAA
Aa #000000 sobre #FF557F 6,86:1 AA
Aa #55FFD0 sobre #AA0020 6,08:1 AA
Aa #555555 sobre #55FFD0 5,89:1 AA
Aa #AAAAAA sobre #AA0020 3,31:1 AA, texto grande
Aa #555555 sobre #AAAAAA 3,21:1 AA, texto grande
Aa #FFFFFF sobre #FF557F 3,06:1 AA, texto grande
Aa #FFFFFF sobre #00AA7F 2,98:1 No aprobado
Aa #000000 sobre #555555 2,82:1 No aprobado
Aa #000000 sobre #AA0020 2,73:1 No aprobado
Aa #00AA7F sobre #AA0020 2,58:1 No aprobado
Aa #555555 sobre #00AA7F 2,51:1 No aprobado
Aa #AA0020 sobre #FF557F 2,51:1 No aprobado
Aa #555555 sobre #FF557F 2,43:1 No aprobado
Aa #55FFD0 sobre #FF557F 2,42:1 No aprobado
Aa #00AA7F sobre #55FFD0 2,35:1 No aprobado
Aa #AAAAAA sobre #FFFFFF 2,32:1 No aprobado
Aa #AAAAAA sobre #55FFD0 1,84:1 No aprobado
Aa #AAAAAA sobre #FF557F 1,32:1 No aprobado
Aa #AAAAAA sobre #00AA7F 1,28:1 No aprobado
Aa #FFFFFF sobre #55FFD0 1,26:1 No aprobado
Aa #555555 sobre #AA0020 1,03:1 No aprobado
Aa #00AA7F sobre #FF557F 1,03: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