Registrarse Registrarse
Cyclope6

Cyclope6

Paleta de 6 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Cyclope6

Paleta de 6 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Editar
Colores vibrantes 6 colores Colores fríos Tonos oscuros Armonía complementaria red blue tritanopia complementary
Me gusta 742
Colores 6

Variables CSS

:root {
  --c-vibrant-1: #411D31;
  --c-vibrant-2: #631B34;
  --c-vibrant-3: #32535F;
  --c-vibrant-4: #0B8A8F;
  --c-vibrant-5: #0EAF9B;
  --c-vibrant-6: #30E1B9;
}

Sobre esta paleta

Esta paleta de 6 colores vibrantes va de Aquamarine (#30E1B9), su tono más claro, a Blackberry (#411D31), el más oscuro. Combina Blackberry, Brown Chocolate, Cold Sea Currents, Duvall, Cozumel y Aquamarine en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 15. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #411D31 sobre #30E1B9, con 8,72:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Blackberry #411D31
RGB
rgb(65, 29, 49)
HSL
hsl(327, 38%, 18%)
Luminancia
0,022
Brown Chocolate #631B34
RGB
rgb(99, 27, 52)
HSL
hsl(339, 57%, 25%)
Luminancia
0,037
Cold Sea Currents #32535F
RGB
rgb(50, 83, 95)
HSL
hsl(196, 31%, 28%)
Luminancia
0,077
Duvall #0B8A8F
RGB
rgb(11, 138, 143)
HSL
hsl(182, 86%, 30%)
Luminancia
0,202
Cozumel #0EAF9B
RGB
rgb(14, 175, 155)
HSL
hsl(173, 85%, 37%)
Luminancia
0,331
Aquamarine #30E1B9
RGB
rgb(48, 225, 185)
HSL
hsl(166, 75%, 54%)
Luminancia
0,580

Contraste y accesibilidad

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

Aa #411D31 sobre #30E1B9 8,72:1 AAA
Aa #631B34 sobre #30E1B9 7,25:1 AAA
Aa #411D31 sobre #0EAF9B 5,28:1 AA
Aa #32535F sobre #30E1B9 4,96:1 AA
Aa #631B34 sobre #0EAF9B 4,39:1 AA, texto grande
Aa #411D31 sobre #0B8A8F 3,49:1 AA, texto grande
Aa #32535F sobre #0EAF9B 3,00:1 AA, texto grande
Aa #631B34 sobre #0B8A8F 2,91:1 No aprobado
Aa #0B8A8F sobre #30E1B9 2,50:1 No aprobado
Aa #32535F sobre #0B8A8F 1,99:1 No aprobado
Aa #411D31 sobre #32535F 1,76:1 No aprobado
Aa #0EAF9B sobre #30E1B9 1,65:1 No aprobado
Aa #0B8A8F sobre #0EAF9B 1,51:1 No aprobado
Aa #631B34 sobre #32535F 1,46:1 No aprobado
Aa #411D31 sobre #631B34 1,20:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores