Registrarse Registrarse
Green + Accent

Green + Accent

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

Volver a la biblioteca

Green + Accent

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

Editar
Colores terrosos 8 colores Colores fríos Tonos mixtos Armonía complementaria green forest accent
Me gusta 36
Colores 8

Variables CSS

:root {
  --c-earthy-1: #FBF4C4;
  --c-earthy-2: #AAD0A3;
  --c-earthy-3: #95B88F;
  --c-earthy-4: #3E4E47;
  --c-earthy-5: #253A3A;
  --c-earthy-6: #162627;
  --c-earthy-7: #111E1F;
  --c-earthy-8: #F89BB0;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Banana Custard (#FBF4C4), su tono más claro, a Black Emerald (#111E1F), el más oscuro. Combina Banana Custard, Relaxation Green, Brookview, Deep Mooring, Kōrainando Green, Wet Foliage, Black Emerald y Flower Girl en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FBF4C4 sobre #111E1F, con 15,32: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

Banana Custard #FBF4C4
RGB
rgb(251, 244, 196)
HSL
hsl(52, 87%, 88%)
Luminancia
0,892
Relaxation Green #AAD0A3
RGB
rgb(170, 208, 163)
HSL
hsl(111, 32%, 73%)
Luminancia
0,563
Brookview #95B88F
RGB
rgb(149, 184, 143)
HSL
hsl(111, 22%, 64%)
Luminancia
0,427
Deep Mooring #3E4E47
RGB
rgb(62, 78, 71)
HSL
hsl(154, 11%, 27%)
Luminancia
0,069
Kōrainando Green #253A3A
RGB
rgb(37, 58, 58)
HSL
hsl(180, 22%, 19%)
Luminancia
0,037
Wet Foliage #162627
RGB
rgb(22, 38, 39)
HSL
hsl(184, 28%, 12%)
Luminancia
0,017
Black Emerald #111E1F
RGB
rgb(17, 30, 31)
HSL
hsl(184, 29%, 9%)
Luminancia
0,012
Flower Girl #F89BB0
RGB
rgb(248, 155, 176)
HSL
hsl(346, 87%, 79%)
Luminancia
0,465

Contraste y accesibilidad

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

Aa #FBF4C4 sobre #111E1F 15,32:1 AAA
Aa #FBF4C4 sobre #162627 14,05:1 AAA
Aa #FBF4C4 sobre #253A3A 10,80:1 AAA
Aa #AAD0A3 sobre #111E1F 9,97:1 AAA
Aa #AAD0A3 sobre #162627 9,15:1 AAA
Aa #111E1F sobre #F89BB0 8,38:1 AAA
Aa #FBF4C4 sobre #3E4E47 7,90:1 AAA
Aa #95B88F sobre #111E1F 7,75:1 AAA
Aa #162627 sobre #F89BB0 7,69:1 AAA
Aa #95B88F sobre #162627 7,11:1 AAA
Aa #AAD0A3 sobre #253A3A 7,03:1 AAA
Aa #253A3A sobre #F89BB0 5,91:1 AA
Aa #95B88F sobre #253A3A 5,46:1 AA
Aa #AAD0A3 sobre #3E4E47 5,14:1 AA
Aa #3E4E47 sobre #F89BB0 4,32:1 AA, texto grande
Aa #95B88F sobre #3E4E47 4,00:1 AA, texto grande
Aa #FBF4C4 sobre #95B88F 1,98:1 No aprobado
Aa #3E4E47 sobre #111E1F 1,94:1 No aprobado
Aa #FBF4C4 sobre #F89BB0 1,83:1 No aprobado
Aa #3E4E47 sobre #162627 1,78:1 No aprobado
Aa #FBF4C4 sobre #AAD0A3 1,54:1 No aprobado
Aa #253A3A sobre #111E1F 1,42:1 No aprobado
Aa #3E4E47 sobre #253A3A 1,37:1 No aprobado
Aa #253A3A sobre #162627 1,30:1 No aprobado
Aa #AAD0A3 sobre #95B88F 1,29:1 No aprobado
Aa #AAD0A3 sobre #F89BB0 1,19:1 No aprobado
Aa #162627 sobre #111E1F 1,09:1 No aprobado
Aa #95B88F sobre #F89BB0 1,08: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