Registrarse Registrarse
Nevercreature 11

Nevercreature 11

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Nevercreature 11

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 11 colores Colores cálidos Tonos mixtos Armonía complementaria artist pjcolorcomp11 pjcolorcomp
Me gusta 2
Colores 11

Variables CSS

:root {
  --c-earthy-1: #3A3746;
  --c-earthy-2: #99D9EA;
  --c-earthy-3: #C06170;
  --c-earthy-4: #A98B3D;
  --c-earthy-5: #446499;
  --c-earthy-6: #933C2D;
  --c-earthy-7: #3C6738;
  --c-earthy-8: #E9FABC;
  --c-earthy-9: #6194C7;
  --c-earthy-10: #F88878;
  --c-earthy-11: #F4D055;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Fall Green (#E9FABC), su tono más claro, a Martinique (#3A3746), el más oscuro. Combina Martinique, Jodhpur Blue, Candy Drop, Luxor Gold, Mariner, Carmen Miranda, Jurassic Park, Fall Green, Blueberry Soft Blue, Coral Pink y Maize en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #3A3746 sobre #E9FABC, con 10,4: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

Martinique #3A3746
RGB
rgb(58, 55, 70)
HSL
hsl(252, 12%, 25%)
Luminancia
0,041
Jodhpur Blue #99D9EA
RGB
rgb(153, 217, 234)
HSL
hsl(193, 66%, 76%)
Luminancia
0,623
Candy Drop #C06170
RGB
rgb(192, 97, 112)
HSL
hsl(351, 43%, 57%)
Luminancia
0,209
Luxor Gold #A98B3D
RGB
rgb(169, 139, 61)
HSL
hsl(43, 47%, 45%)
Luminancia
0,272
Mariner #446499
RGB
rgb(68, 100, 153)
HSL
hsl(217, 38%, 43%)
Luminancia
0,126
Carmen Miranda #933C2D
RGB
rgb(147, 60, 45)
HSL
hsl(9, 53%, 38%)
Luminancia
0,096
Jurassic Park #3C6738
RGB
rgb(60, 103, 56)
HSL
hsl(115, 30%, 31%)
Luminancia
0,110
Fall Green #E9FABC
RGB
rgb(233, 250, 188)
HSL
hsl(76, 86%, 86%)
Luminancia
0,893
Blueberry Soft Blue #6194C7
RGB
rgb(97, 148, 199)
HSL
hsl(210, 48%, 58%)
Luminancia
0,278
Coral Pink #F88878
RGB
rgb(248, 136, 120)
HSL
hsl(8, 90%, 72%)
Luminancia
0,389
Maize #F4D055
RGB
rgb(244, 208, 85)
HSL
hsl(46, 88%, 65%)
Luminancia
0,650

Contraste y accesibilidad

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

Aa #3A3746 sobre #E9FABC 10,40:1 AAA
Aa #3A3746 sobre #F4D055 7,71:1 AAA
Aa #3A3746 sobre #99D9EA 7,42:1 AAA
Aa #933C2D sobre #E9FABC 6,45:1 AA
Aa #3C6738 sobre #E9FABC 5,92:1 AA
Aa #446499 sobre #E9FABC 5,35:1 AA
Aa #3A3746 sobre #F88878 4,84:1 AA
Aa #933C2D sobre #F4D055 4,79:1 AA
Aa #99D9EA sobre #933C2D 4,60:1 AA
Aa #3C6738 sobre #F4D055 4,39:1 AA, texto grande
Aa #99D9EA sobre #3C6738 4,22:1 AA, texto grande
Aa #446499 sobre #F4D055 3,97:1 AA, texto grande
Aa #99D9EA sobre #446499 3,82:1 AA, texto grande
Aa #C06170 sobre #E9FABC 3,64:1 AA, texto grande
Aa #3A3746 sobre #6194C7 3,62:1 AA, texto grande
Aa #3A3746 sobre #A98B3D 3,55:1 AA, texto grande
Aa #933C2D sobre #F88878 3,00:1 AA, texto grande
Aa #A98B3D sobre #E9FABC 2,93:1 No aprobado
Aa #E9FABC sobre #6194C7 2,87:1 No aprobado
Aa #3A3746 sobre #C06170 2,86:1 No aprobado
Aa #3C6738 sobre #F88878 2,75:1 No aprobado
Aa #C06170 sobre #F4D055 2,70:1 No aprobado
Aa #99D9EA sobre #C06170 2,60:1 No aprobado
Aa #446499 sobre #F88878 2,49:1 No aprobado
Aa #933C2D sobre #6194C7 2,25:1 No aprobado
Aa #A98B3D sobre #933C2D 2,20:1 No aprobado
Aa #A98B3D sobre #F4D055 2,17:1 No aprobado
Aa #E9FABC sobre #F88878 2,15:1 No aprobado
Aa #6194C7 sobre #F4D055 2,13:1 No aprobado
Aa #99D9EA sobre #A98B3D 2,09:1 No aprobado
Aa #3C6738 sobre #6194C7 2,06:1 No aprobado
Aa #99D9EA sobre #6194C7 2,05:1 No aprobado
Aa #A98B3D sobre #3C6738 2,02:1 No aprobado
Aa #3A3746 sobre #446499 1,94:1 No aprobado
Aa #446499 sobre #6194C7 1,86:1 No aprobado
Aa #A98B3D sobre #446499 1,83:1 No aprobado
Aa #C06170 sobre #933C2D 1,77:1 No aprobado
Aa #3A3746 sobre #3C6738 1,76:1 No aprobado
Aa #C06170 sobre #F88878 1,69:1 No aprobado
Aa #C06170 sobre #3C6738 1,63:1 No aprobado
Aa #3A3746 sobre #933C2D 1,61:1 No aprobado
Aa #F88878 sobre #F4D055 1,59:1 No aprobado
Aa #99D9EA sobre #F88878 1,53:1 No aprobado
Aa #C06170 sobre #446499 1,47:1 No aprobado
Aa #99D9EA sobre #E9FABC 1,40:1 No aprobado
Aa #A98B3D sobre #F88878 1,36:1 No aprobado
Aa #E9FABC sobre #F4D055 1,35:1 No aprobado
Aa #6194C7 sobre #F88878 1,34:1 No aprobado
Aa #C06170 sobre #6194C7 1,27:1 No aprobado
Aa #C06170 sobre #A98B3D 1,24:1 No aprobado
Aa #446499 sobre #933C2D 1,21:1 No aprobado
Aa #446499 sobre #3C6738 1,11:1 No aprobado
Aa #933C2D sobre #3C6738 1,09:1 No aprobado
Aa #99D9EA sobre #F4D055 1,04:1 No aprobado
Aa #A98B3D sobre #6194C7 1,02:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores