Registrarse Registrarse
SpeedyCube 11

SpeedyCube 11

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

Volver a la biblioteca

SpeedyCube 11

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

Editar
Colores terrosos 11 colores Colores fríos Tonos mixtos Armonía complementaria artist pjcolorcomp11 pjcolorcomp
Me gusta 5
Colores 11

Variables CSS

:root {
  --c-earthy-1: #F2FDFF;
  --c-earthy-2: #85C8E2;
  --c-earthy-3: #97D374;
  --c-earthy-4: #93928D;
  --c-earthy-5: #5E5A93;
  --c-earthy-6: #222849;
  --c-earthy-7: #EFDD8B;
  --c-earthy-8: #E5A57E;
  --c-earthy-9: #CE6D5C;
  --c-earthy-10: #875D4E;
  --c-earthy-11: #663358;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Vapour (#F2FDFF), su tono más claro, a Fainting Light (#222849), el más oscuro. Combina Vapour, Budgie Blue, Tropical Light, Winter Park, Old Nan Yarn, Fainting Light, Coco-Lemon Tart, Orange Clay, Red Orpiment, Carob Brown y Blackberry Deep Red en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #F2FDFF sobre #222849, con 13,81: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

Vapour #F2FDFF
RGB
rgb(242, 253, 255)
HSL
hsl(189, 100%, 97%)
Luminancia
0,964
Budgie Blue #85C8E2
RGB
rgb(133, 200, 226)
HSL
hsl(197, 62%, 70%)
Luminancia
0,518
Tropical Light #97D374
RGB
rgb(151, 211, 116)
HSL
hsl(98, 52%, 64%)
Luminancia
0,544
Winter Park #93928D
RGB
rgb(147, 146, 141)
HSL
hsl(50, 3%, 56%)
Luminancia
0,287
Old Nan Yarn #5E5A93
RGB
rgb(94, 90, 147)
HSL
hsl(244, 24%, 46%)
Luminancia
0,118
Fainting Light #222849
RGB
rgb(34, 40, 73)
HSL
hsl(231, 36%, 21%)
Luminancia
0,023
Coco-Lemon Tart #EFDD8B
RGB
rgb(239, 221, 139)
HSL
hsl(49, 76%, 74%)
Luminancia
0,719
Orange Clay #E5A57E
RGB
rgb(229, 165, 126)
HSL
hsl(23, 66%, 70%)
Luminancia
0,451
Red Orpiment #CE6D5C
RGB
rgb(206, 109, 92)
HSL
hsl(9, 54%, 58%)
Luminancia
0,248
Carob Brown #875D4E
RGB
rgb(135, 93, 78)
HSL
hsl(16, 27%, 42%)
Luminancia
0,135
Blackberry Deep Red #663358
RGB
rgb(102, 51, 88)
HSL
hsl(316, 33%, 30%)
Luminancia
0,059

Contraste y accesibilidad

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

Aa #F2FDFF sobre #222849 13,81:1 AAA
Aa #222849 sobre #EFDD8B 10,48:1 AAA
Aa #F2FDFF sobre #663358 9,30:1 AAA
Aa #97D374 sobre #222849 8,10:1 AAA
Aa #85C8E2 sobre #222849 7,74:1 AAA
Aa #EFDD8B sobre #663358 7,06:1 AAA
Aa #222849 sobre #E5A57E 6,82:1 AA
Aa #F2FDFF sobre #5E5A93 6,03:1 AA
Aa #F2FDFF sobre #875D4E 5,47:1 AA
Aa #97D374 sobre #663358 5,45:1 AA
Aa #85C8E2 sobre #663358 5,21:1 AA
Aa #E5A57E sobre #663358 4,60:1 AA
Aa #93928D sobre #222849 4,59:1 AA
Aa #5E5A93 sobre #EFDD8B 4,58:1 AA
Aa #EFDD8B sobre #875D4E 4,15:1 AA, texto grande
Aa #222849 sobre #CE6D5C 4,06:1 AA, texto grande
Aa #97D374 sobre #5E5A93 3,54:1 AA, texto grande
Aa #F2FDFF sobre #CE6D5C 3,40:1 AA, texto grande
Aa #85C8E2 sobre #5E5A93 3,38:1 AA, texto grande
Aa #97D374 sobre #875D4E 3,21:1 AA, texto grande
Aa #93928D sobre #663358 3,09:1 AA, texto grande
Aa #85C8E2 sobre #875D4E 3,06:1 AA, texto grande
Aa #F2FDFF sobre #93928D 3,01:1 AA, texto grande
Aa #5E5A93 sobre #E5A57E 2,98:1 No aprobado
Aa #CE6D5C sobre #663358 2,74:1 No aprobado
Aa #E5A57E sobre #875D4E 2,70:1 No aprobado
Aa #EFDD8B sobre #CE6D5C 2,58:1 No aprobado
Aa #222849 sobre #875D4E 2,52:1 No aprobado
Aa #5E5A93 sobre #222849 2,29:1 No aprobado
Aa #93928D sobre #EFDD8B 2,28:1 No aprobado
Aa #F2FDFF sobre #E5A57E 2,02:1 No aprobado
Aa #93928D sobre #5E5A93 2,01:1 No aprobado
Aa #97D374 sobre #CE6D5C 1,99:1 No aprobado
Aa #85C8E2 sobre #CE6D5C 1,90:1 No aprobado
Aa #93928D sobre #875D4E 1,82:1 No aprobado
Aa #F2FDFF sobre #85C8E2 1,78:1 No aprobado
Aa #5E5A93 sobre #CE6D5C 1,78:1 No aprobado
Aa #97D374 sobre #93928D 1,76:1 No aprobado
Aa #F2FDFF sobre #97D374 1,71:1 No aprobado
Aa #875D4E sobre #663358 1,70:1 No aprobado
Aa #85C8E2 sobre #93928D 1,69:1 No aprobado
Aa #E5A57E sobre #CE6D5C 1,68:1 No aprobado
Aa #CE6D5C sobre #875D4E 1,61:1 No aprobado
Aa #5E5A93 sobre #663358 1,54:1 No aprobado
Aa #EFDD8B sobre #E5A57E 1,54:1 No aprobado
Aa #93928D sobre #E5A57E 1,49:1 No aprobado
Aa #222849 sobre #663358 1,48:1 No aprobado
Aa #85C8E2 sobre #EFDD8B 1,35:1 No aprobado
Aa #F2FDFF sobre #EFDD8B 1,32:1 No aprobado
Aa #97D374 sobre #EFDD8B 1,29:1 No aprobado
Aa #97D374 sobre #E5A57E 1,19:1 No aprobado
Aa #85C8E2 sobre #E5A57E 1,13:1 No aprobado
Aa #93928D sobre #CE6D5C 1,13:1 No aprobado
Aa #5E5A93 sobre #875D4E 1,10:1 No aprobado
Aa #85C8E2 sobre #97D374 1,05: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