Inicio Paletas de colores Dracula Standard

Dracula Standard

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

Volver a la biblioteca

Dracula Standard

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 neon hardware dracula code

Me gusta 19

Colores 11

Variables CSS

:root {
  --c-earthy-1: #282A36;
  --c-earthy-2: #44475A;
  --c-earthy-3: #6272A4;
  --c-earthy-4: #F8F8F2;
  --c-earthy-5: #FF5555;
  --c-earthy-6: #FFB86C;
  --c-earthy-7: #F1FA8C;
  --c-earthy-8: #50FA7B;
  --c-earthy-9: #8BE9FD;
  --c-earthy-10: #BD93F9;
  --c-earthy-11: #FF79C6;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Pure White (#F8F8F2), su tono más claro, a Mangu Black (#282A36), el más oscuro. Combina Mangu Black, Pit Stop, Dormitory, Pure White, Fluorescent Red, Desert Dessert, Tidal, Experimintal Green, Photon Projector, Liliac y Pink Plastic Fantastic en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 13 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #282A36 sobre #F8F8F2, con 13,36: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

Mangu Black #282A36

RGB: rgb(40, 42, 54)
HSL: hsl(231, 15%, 18%)
Luminancia: 0,024

Pit Stop #44475A

RGB: rgb(68, 71, 90)
HSL: hsl(232, 14%, 31%)
Luminancia: 0,065

Dormitory #6272A4

RGB: rgb(98, 114, 164)
HSL: hsl(225, 27%, 51%)
Luminancia: 0,173

Pure White #F8F8F2

RGB: rgb(248, 248, 242)
HSL: hsl(60, 30%, 96%)
Luminancia: 0,935

Fluorescent Red #FF5555

RGB: rgb(255, 85, 85)
HSL: hsl(0, 100%, 67%)
Luminancia: 0,284

Desert Dessert #FFB86C

RGB: rgb(255, 184, 108)
HSL: hsl(31, 100%, 71%)
Luminancia: 0,566

Tidal #F1FA8C

RGB: rgb(241, 250, 140)
HSL: hsl(65, 92%, 76%)
Luminancia: 0,890

Experimintal Green #50FA7B

RGB: rgb(80, 250, 123)
HSL: hsl(135, 94%, 65%)
Luminancia: 0,715

Photon Projector #8BE9FD

RGB: rgb(139, 233, 253)
HSL: hsl(191, 97%, 77%)
Luminancia: 0,709

Liliac #BD93F9

RGB: rgb(189, 147, 249)
HSL: hsl(265, 89%, 78%)
Luminancia: 0,385

Pink Plastic Fantastic #FF79C6

RGB: rgb(255, 121, 198)
HSL: hsl(326, 100%, 74%)
Luminancia: 0,390

Contraste y accesibilidad

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

Aa #282A36 sobre #F8F8F2 13,36:1 AAA

Aa #282A36 sobre #F1FA8C 12,74:1 AAA

Aa #282A36 sobre #50FA7B 10,38:1 AAA

Aa #282A36 sobre #8BE9FD 10,29:1 AAA

Aa #44475A sobre #F8F8F2 8,59:1 AAA

Aa #282A36 sobre #FFB86C 8,36:1 AAA

Aa #44475A sobre #F1FA8C 8,19:1 AAA

Aa #44475A sobre #50FA7B 6,67:1 AA

Aa #44475A sobre #8BE9FD 6,61:1 AA

Aa #282A36 sobre #FF79C6 5,97:1 AA

Aa #282A36 sobre #BD93F9 5,90:1 AA

Aa #44475A sobre #FFB86C 5,37:1 AA

Aa #282A36 sobre #FF5555 4,53:1 AA

Aa #6272A4 sobre #F8F8F2 4,41:1 AA, texto grande

Aa #6272A4 sobre #F1FA8C 4,21:1 AA, texto grande

Aa #44475A sobre #FF79C6 3,84:1 AA, texto grande

Aa #44475A sobre #BD93F9 3,79:1 AA, texto grande

Aa #6272A4 sobre #50FA7B 3,43:1 AA, texto grande

Aa #6272A4 sobre #8BE9FD 3,40:1 AA, texto grande

Aa #282A36 sobre #6272A4 3,03:1 AA, texto grande

Aa #F8F8F2 sobre #FF5555 2,95:1 No aprobado

Aa #44475A sobre #FF5555 2,91:1 No aprobado

Aa #FF5555 sobre #F1FA8C 2,81:1 No aprobado

Aa #6272A4 sobre #FFB86C 2,76:1 No aprobado

Aa #FF5555 sobre #50FA7B 2,29:1 No aprobado

Aa #FF5555 sobre #8BE9FD 2,27:1 No aprobado

Aa #F8F8F2 sobre #BD93F9 2,26:1 No aprobado

Aa #F8F8F2 sobre #FF79C6 2,24:1 No aprobado

Aa #F1FA8C sobre #BD93F9 2,16:1 No aprobado

Aa #F1FA8C sobre #FF79C6 2,13:1 No aprobado

Aa #6272A4 sobre #FF79C6 1,97:1 No aprobado

Aa #6272A4 sobre #BD93F9 1,95:1 No aprobado

Aa #44475A sobre #6272A4 1,94:1 No aprobado

Aa #FF5555 sobre #FFB86C 1,84:1 No aprobado

Aa #50FA7B sobre #BD93F9 1,76:1 No aprobado

Aa #50FA7B sobre #FF79C6 1,74:1 No aprobado

Aa #8BE9FD sobre #BD93F9 1,74:1 No aprobado

Aa #8BE9FD sobre #FF79C6 1,72:1 No aprobado

Aa #F8F8F2 sobre #FFB86C 1,60:1 No aprobado

Aa #282A36 sobre #44475A 1,56:1 No aprobado

Aa #FFB86C sobre #F1FA8C 1,52:1 No aprobado

Aa #6272A4 sobre #FF5555 1,50:1 No aprobado

Aa #FFB86C sobre #BD93F9 1,42:1 No aprobado

Aa #FFB86C sobre #FF79C6 1,40:1 No aprobado

Aa #FF5555 sobre #FF79C6 1,32:1 No aprobado

Aa #F8F8F2 sobre #8BE9FD 1,30:1 No aprobado

Aa #FF5555 sobre #BD93F9 1,30:1 No aprobado

Aa #F8F8F2 sobre #50FA7B 1,29:1 No aprobado

Aa #FFB86C sobre #50FA7B 1,24:1 No aprobado

Aa #F1FA8C sobre #8BE9FD 1,24:1 No aprobado

Aa #FFB86C sobre #8BE9FD 1,23:1 No aprobado

Aa #F1FA8C sobre #50FA7B 1,23:1 No aprobado

Aa #F8F8F2 sobre #F1FA8C 1,05:1 No aprobado

Aa #50FA7B sobre #8BE9FD 1,01:1 No aprobado

Aa #BD93F9 sobre #FF79C6 1,01: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

Dracula Standard