Registrarse Registrarse
Sea&lava

Sea&lava

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

Volver a la biblioteca

Sea&lava

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

Editar
Colores vibrantes 9 colores Colores cálidos Tonos mixtos Armonía complementaria vibrant colorful tropical sealava
Me gusta 25
Colores 9

Variables CSS

:root {
  --c-vibrant-1: #105189;
  --c-vibrant-2: #3C7C9A;
  --c-vibrant-3: #6EA096;
  --c-vibrant-4: #BEAE64;
  --c-vibrant-5: #FFBC42;
  --c-vibrant-6: #F69248;
  --c-vibrant-7: #EB5B42;
  --c-vibrant-8: #CB203C;
  --c-vibrant-9: #891545;
}

Sobre esta paleta

Esta paleta de 9 colores vibrantes va de Pale Marigold (#FFBC42), su tono más claro, a Akuma’s Fury (#891545), el más oscuro. Combina Lake Baikal, Blue Dart Frog, Jade Dragon, Riesling Grape, Pale Marigold, Fall River, Opal Flame, Karakurenai Red y Akuma’s Fury en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 2 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FFBC42 sobre #891545, con 5,55: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

Lake Baikal #105189
RGB
rgb(16, 81, 137)
HSL
hsl(208, 79%, 30%)
Luminancia
0,078
Blue Dart Frog #3C7C9A
RGB
rgb(60, 124, 154)
HSL
hsl(199, 44%, 42%)
Luminancia
0,177
Jade Dragon #6EA096
RGB
rgb(110, 160, 150)
HSL
hsl(168, 21%, 53%)
Luminancia
0,307
Riesling Grape #BEAE64
RGB
rgb(190, 174, 100)
HSL
hsl(49, 41%, 57%)
Luminancia
0,421
Pale Marigold #FFBC42
RGB
rgb(255, 188, 66)
HSL
hsl(39, 100%, 63%)
Luminancia
0,576
Fall River #F69248
RGB
rgb(246, 146, 72)
HSL
hsl(26, 91%, 62%)
Luminancia
0,406
Opal Flame #EB5B42
RGB
rgb(235, 91, 66)
HSL
hsl(9, 81%, 59%)
Luminancia
0,255
Karakurenai Red #CB203C
RGB
rgb(203, 32, 60)
HSL
hsl(350, 73%, 46%)
Luminancia
0,141
Akuma’s Fury #891545
RGB
rgb(137, 21, 69)
HSL
hsl(335, 73%, 31%)
Luminancia
0,063

Contraste y accesibilidad

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

Aa #FFBC42 sobre #891545 5,55:1 AA
Aa #105189 sobre #FFBC42 4,89:1 AA
Aa #BEAE64 sobre #891545 4,18:1 AA, texto grande
Aa #F69248 sobre #891545 4,04:1 AA, texto grande
Aa #105189 sobre #BEAE64 3,68:1 AA, texto grande
Aa #105189 sobre #F69248 3,56:1 AA, texto grande
Aa #FFBC42 sobre #CB203C 3,29:1 AA, texto grande
Aa #6EA096 sobre #891545 3,16:1 AA, texto grande
Aa #105189 sobre #6EA096 2,79:1 No aprobado
Aa #3C7C9A sobre #FFBC42 2,76:1 No aprobado
Aa #EB5B42 sobre #891545 2,71:1 No aprobado
Aa #BEAE64 sobre #CB203C 2,47:1 No aprobado
Aa #105189 sobre #EB5B42 2,39:1 No aprobado
Aa #F69248 sobre #CB203C 2,39:1 No aprobado
Aa #3C7C9A sobre #BEAE64 2,08:1 No aprobado
Aa #FFBC42 sobre #EB5B42 2,05:1 No aprobado
Aa #3C7C9A sobre #F69248 2,01:1 No aprobado
Aa #3C7C9A sobre #891545 2,01:1 No aprobado
Aa #6EA096 sobre #CB203C 1,87:1 No aprobado
Aa #105189 sobre #3C7C9A 1,77:1 No aprobado
Aa #6EA096 sobre #FFBC42 1,76:1 No aprobado
Aa #CB203C sobre #891545 1,69:1 No aprobado
Aa #EB5B42 sobre #CB203C 1,60:1 No aprobado
Aa #3C7C9A sobre #6EA096 1,57:1 No aprobado
Aa #BEAE64 sobre #EB5B42 1,54:1 No aprobado
Aa #105189 sobre #CB203C 1,49:1 No aprobado
Aa #F69248 sobre #EB5B42 1,49:1 No aprobado
Aa #FFBC42 sobre #F69248 1,37:1 No aprobado
Aa #3C7C9A sobre #EB5B42 1,34:1 No aprobado
Aa #BEAE64 sobre #FFBC42 1,33:1 No aprobado
Aa #6EA096 sobre #BEAE64 1,32:1 No aprobado
Aa #6EA096 sobre #F69248 1,28:1 No aprobado
Aa #3C7C9A sobre #CB203C 1,19:1 No aprobado
Aa #6EA096 sobre #EB5B42 1,17:1 No aprobado
Aa #105189 sobre #891545 1,13:1 No aprobado
Aa #BEAE64 sobre #F69248 1,03: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