Inicio Paletas de colores UnoDecimalDualism

UnoDecimalDualism

Paleta de 11 colores · Colores neutros · Tonos oscuros · Armonía complementaria

UnoDecimalDualism

Paleta de 11 colores · Colores neutros · Tonos oscuros · Armonía complementaria

Colores vibrantes 11 colores Colores neutros Tonos oscuros Armonía complementaria odd bizzare noblackandwhite pychedellic

Me gusta 11

Colores 11

Variables CSS

:root {
  --c-vibrant-1: #200124;
  --c-vibrant-2: #054503;
  --c-vibrant-3: #7A0D18;
  --c-vibrant-4: #0A6D6E;
  --c-vibrant-5: #807906;
  --c-vibrant-6: #7277B8;
  --c-vibrant-7: #D055DE;
  --c-vibrant-8: #48D145;
  --c-vibrant-9: #EB9DA4;
  --c-vibrant-10: #85E4E6;
  --c-vibrant-11: #F5EF9D;
}

Sobre esta paleta

Esta paleta de 11 colores vibrantes va de Portofino (#F5EF9D), su tono más claro, a Black Sabbath (#200124), el más oscuro. Combina Black Sabbath, Racing Green, Mythical Wine, Pine Scented Lagoon, Sunlit Kelp Green, Wind Star, Thick Pink, Verdant Fields, Wood Nymph, Paradisiacal Getaway y Portofino en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #200124 sobre #F5EF9D, con 16,23: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

Black Sabbath #200124

RGB: rgb(32, 1, 36)
HSL: hsl(293, 95%, 7%)
Luminancia: 0,005

Racing Green #054503

RGB: rgb(5, 69, 3)
HSL: hsl(118, 92%, 14%)
Luminancia: 0,043

Mythical Wine #7A0D18

RGB: rgb(122, 13, 24)
HSL: hsl(354, 81%, 26%)
Luminancia: 0,045

Pine Scented Lagoon #0A6D6E

RGB: rgb(10, 109, 110)
HSL: hsl(181, 83%, 24%)
Luminancia: 0,121

Sunlit Kelp Green #807906

RGB: rgb(128, 121, 6)
HSL: hsl(57, 91%, 26%)
Luminancia: 0,183

Wind Star #7277B8

RGB: rgb(114, 119, 184)
HSL: hsl(236, 33%, 58%)
Luminancia: 0,202

Thick Pink #D055DE

RGB: rgb(208, 85, 222)
HSL: hsl(294, 67%, 60%)
Luminancia: 0,252

Verdant Fields #48D145

RGB: rgb(72, 209, 69)
HSL: hsl(119, 60%, 55%)
Luminancia: 0,474

Wood Nymph #EB9DA4

RGB: rgb(235, 157, 164)
HSL: hsl(355, 66%, 77%)
Luminancia: 0,445

Paradisiacal Getaway #85E4E6

RGB: rgb(133, 228, 230)
HSL: hsl(181, 66%, 71%)
Luminancia: 0,662

Portofino #F5EF9D

RGB: rgb(245, 239, 157)
HSL: hsl(56, 81%, 79%)
Luminancia: 0,836

Contraste y accesibilidad

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

Aa #200124 sobre #F5EF9D 16,23:1 AAA

Aa #200124 sobre #85E4E6 13,05:1 AAA

Aa #200124 sobre #48D145 9,61:1 AAA

Aa #054503 sobre #F5EF9D 9,53:1 AAA

Aa #7A0D18 sobre #F5EF9D 9,33:1 AAA

Aa #200124 sobre #EB9DA4 9,06:1 AAA

Aa #054503 sobre #85E4E6 7,66:1 AAA

Aa #7A0D18 sobre #85E4E6 7,50:1 AAA

Aa #054503 sobre #48D145 5,64:1 AA

Aa #200124 sobre #D055DE 5,53:1 AA

Aa #7A0D18 sobre #48D145 5,52:1 AA

Aa #054503 sobre #EB9DA4 5,32:1 AA

Aa #7A0D18 sobre #EB9DA4 5,21:1 AA

Aa #0A6D6E sobre #F5EF9D 5,17:1 AA

Aa #200124 sobre #7277B8 4,62:1 AA

Aa #200124 sobre #807906 4,27:1 AA, texto grande

Aa #0A6D6E sobre #85E4E6 4,16:1 AA, texto grande

Aa #807906 sobre #F5EF9D 3,81:1 AA, texto grande

Aa #7277B8 sobre #F5EF9D 3,51:1 AA, texto grande

Aa #054503 sobre #D055DE 3,25:1 AA, texto grande

Aa #7A0D18 sobre #D055DE 3,18:1 AA, texto grande

Aa #200124 sobre #0A6D6E 3,14:1 AA, texto grande

Aa #0A6D6E sobre #48D145 3,06:1 AA, texto grande

Aa #807906 sobre #85E4E6 3,06:1 AA, texto grande

Aa #D055DE sobre #F5EF9D 2,93:1 No aprobado

Aa #0A6D6E sobre #EB9DA4 2,89:1 No aprobado

Aa #7277B8 sobre #85E4E6 2,82:1 No aprobado

Aa #054503 sobre #7277B8 2,71:1 No aprobado

Aa #7A0D18 sobre #7277B8 2,66:1 No aprobado

Aa #054503 sobre #807906 2,50:1 No aprobado

Aa #7A0D18 sobre #807906 2,45:1 No aprobado

Aa #D055DE sobre #85E4E6 2,36:1 No aprobado

Aa #807906 sobre #48D145 2,25:1 No aprobado

Aa #807906 sobre #EB9DA4 2,12:1 No aprobado

Aa #7277B8 sobre #48D145 2,08:1 No aprobado

Aa #7277B8 sobre #EB9DA4 1,96:1 No aprobado

Aa #054503 sobre #0A6D6E 1,84:1 No aprobado

Aa #7A0D18 sobre #0A6D6E 1,80:1 No aprobado

Aa #EB9DA4 sobre #F5EF9D 1,79:1 No aprobado

Aa #0A6D6E sobre #D055DE 1,76:1 No aprobado

Aa #200124 sobre #7A0D18 1,74:1 No aprobado

Aa #D055DE sobre #48D145 1,74:1 No aprobado

Aa #200124 sobre #054503 1,70:1 No aprobado

Aa #48D145 sobre #F5EF9D 1,69:1 No aprobado

Aa #D055DE sobre #EB9DA4 1,64:1 No aprobado

Aa #0A6D6E sobre #7277B8 1,47:1 No aprobado

Aa #EB9DA4 sobre #85E4E6 1,44:1 No aprobado

Aa #0A6D6E sobre #807906 1,36:1 No aprobado

Aa #48D145 sobre #85E4E6 1,36:1 No aprobado

Aa #807906 sobre #D055DE 1,30:1 No aprobado

Aa #85E4E6 sobre #F5EF9D 1,24:1 No aprobado

Aa #7277B8 sobre #D055DE 1,20:1 No aprobado

Aa #807906 sobre #7277B8 1,08:1 No aprobado

Aa #48D145 sobre #EB9DA4 1,06:1 No aprobado

Aa #054503 sobre #7A0D18 1,02:1 No aprobado

Paletas similares

#000000 #3E065F #700B97 #8E05C2

4 colores

#000000 #150050 #3F0071 #FB2576

4 colores

#000000 #3E432E #616F39 #A7D129

4 colores

#4B5D67 #322F3D #59405C #87556F

4 colores

#18230F #27391C #255F38 #1F7D53

4 colores

#FF5200 #6F0000 #00263B #00A1AB

4 colores

#000000 #0F6292 #16FF00 #FFED00

4 colores

#251D3A #2A2550 #E04D01 #FF7700

4 colores

UnoDecimalDualism