Registrarse Registrarse
Berry Nebula

Berry Nebula

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

Berry Nebula

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía triádica

Editar
Colores terrosos 8 colores Colores fríos Tonos mixtos Armonía triádica blue purple lostinindigo violet
Me gusta 1.208
Colores 8

Variables CSS

:root {
  --c-earthy-1: #6CEDED;
  --c-earthy-2: #6CB9C9;
  --c-earthy-3: #6D85A5;
  --c-earthy-4: #6E5181;
  --c-earthy-5: #6F1D5C;
  --c-earthy-6: #4F1446;
  --c-earthy-7: #2E0A30;
  --c-earthy-8: #0D001A;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Poseidon Jr. (#6CEDED), su tono más claro, a Midnight Jam (#0D001A), el más oscuro. Combina Poseidon Jr., Azul Turquesa, Berwick Berry, Gutsy Grape, Forest Fruit Red, Violet Carmine, Dark Prom Queen y Midnight Jam en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #6CEDED sobre #0D001A, con 14,51: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

Poseidon Jr. #6CEDED
RGB
rgb(108, 237, 237)
HSL
hsl(180, 78%, 68%)
Luminancia
0,699
Azul Turquesa #6CB9C9
RGB
rgb(108, 185, 201)
HSL
hsl(190, 46%, 61%)
Luminancia
0,421
Berwick Berry #6D85A5
RGB
rgb(109, 133, 165)
HSL
hsl(214, 24%, 54%)
Luminancia
0,227
Gutsy Grape #6E5181
RGB
rgb(110, 81, 129)
HSL
hsl(276, 23%, 41%)
Luminancia
0,108
Forest Fruit Red #6F1D5C
RGB
rgb(111, 29, 92)
HSL
hsl(314, 59%, 27%)
Luminancia
0,050
Violet Carmine #4F1446
RGB
rgb(79, 20, 70)
HSL
hsl(309, 60%, 19%)
Luminancia
0,026
Dark Prom Queen #2E0A30
RGB
rgb(46, 10, 48)
HSL
hsl(297, 66%, 11%)
Luminancia
0,010
Midnight Jam #0D001A
RGB
rgb(13, 0, 26)
HSL
hsl(270, 100%, 5%)
Luminancia
0,002

Contraste y accesibilidad

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

Aa #6CEDED sobre #0D001A 14,51:1 AAA
Aa #6CEDED sobre #2E0A30 12,45:1 AAA
Aa #6CEDED sobre #4F1446 9,85:1 AAA
Aa #6CB9C9 sobre #0D001A 9,13:1 AAA
Aa #6CB9C9 sobre #2E0A30 7,84:1 AAA
Aa #6CEDED sobre #6F1D5C 7,46:1 AAA
Aa #6CB9C9 sobre #4F1446 6,19:1 AA
Aa #6D85A5 sobre #0D001A 5,38:1 AA
Aa #6CEDED sobre #6E5181 4,74:1 AA
Aa #6CB9C9 sobre #6F1D5C 4,70:1 AA
Aa #6D85A5 sobre #2E0A30 4,62:1 AA
Aa #6D85A5 sobre #4F1446 3,65:1 AA, texto grande
Aa #6E5181 sobre #0D001A 3,06:1 AA, texto grande
Aa #6CB9C9 sobre #6E5181 2,98:1 No aprobado
Aa #6D85A5 sobre #6F1D5C 2,77:1 No aprobado
Aa #6CEDED sobre #6D85A5 2,70:1 No aprobado
Aa #6E5181 sobre #2E0A30 2,63:1 No aprobado
Aa #6E5181 sobre #4F1446 2,08:1 No aprobado
Aa #6F1D5C sobre #0D001A 1,94:1 No aprobado
Aa #6D85A5 sobre #6E5181 1,76:1 No aprobado
Aa #6CB9C9 sobre #6D85A5 1,70:1 No aprobado
Aa #6F1D5C sobre #2E0A30 1,67:1 No aprobado
Aa #6CEDED sobre #6CB9C9 1,59:1 No aprobado
Aa #6E5181 sobre #6F1D5C 1,57:1 No aprobado
Aa #4F1446 sobre #0D001A 1,47:1 No aprobado
Aa #6F1D5C sobre #4F1446 1,32:1 No aprobado
Aa #4F1446 sobre #2E0A30 1,27:1 No aprobado
Aa #2E0A30 sobre #0D001A 1,16: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