Registrarse Registrarse
Midnight Epipelagic

Midnight Epipelagic

Paleta de 6 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Midnight Epipelagic

Paleta de 6 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Editar
Colores vibrantes 6 colores Colores fríos Tonos oscuros Armonía monocromática midnight dark ocean teal
Me gusta 26
Colores 6

Variables CSS

:root {
  --c-vibrant-1: #002322;
  --c-vibrant-2: #004744;
  --c-vibrant-3: #006B59;
  --c-vibrant-4: #009B6A;
  --c-vibrant-5: #00CE8D;
  --c-vibrant-6: #A3FFE2;
}

Sobre esta paleta

Esta paleta de 6 colores vibrantes va de Icery (#A3FFE2), su tono más claro, a Stellar Explorer (#002322), el más oscuro. Combina Stellar Explorer, Dark Side, Chrysocolla Medium Green, Highlighter Turquoise, Caribbean Green y Icery en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 15. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #002322 sobre #A3FFE2, con 14,21: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

Stellar Explorer #002322
RGB
rgb(0, 35, 34)
HSL
hsl(178, 100%, 7%)
Luminancia
0,013
Dark Side #004744
RGB
rgb(0, 71, 68)
HSL
hsl(177, 100%, 14%)
Luminancia
0,049
Chrysocolla Medium Green #006B59
RGB
rgb(0, 107, 89)
HSL
hsl(170, 100%, 21%)
Luminancia
0,112
Highlighter Turquoise #009B6A
RGB
rgb(0, 155, 106)
HSL
hsl(161, 100%, 30%)
Luminancia
0,245
Caribbean Green #00CE8D
RGB
rgb(0, 206, 141)
HSL
hsl(161, 100%, 40%)
Luminancia
0,461
Icery #A3FFE2
RGB
rgb(163, 255, 226)
HSL
hsl(161, 100%, 82%)
Luminancia
0,848

Contraste y accesibilidad

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

Aa #002322 sobre #A3FFE2 14,21:1 AAA
Aa #004744 sobre #A3FFE2 9,05:1 AAA
Aa #002322 sobre #00CE8D 8,08:1 AAA
Aa #006B59 sobre #A3FFE2 5,53:1 AA
Aa #004744 sobre #00CE8D 5,15:1 AA
Aa #002322 sobre #009B6A 4,67:1 AA
Aa #006B59 sobre #00CE8D 3,15:1 AA, texto grande
Aa #009B6A sobre #A3FFE2 3,05:1 AA, texto grande
Aa #004744 sobre #009B6A 2,97:1 No aprobado
Aa #002322 sobre #006B59 2,57:1 No aprobado
Aa #006B59 sobre #009B6A 1,82:1 No aprobado
Aa #00CE8D sobre #A3FFE2 1,76:1 No aprobado
Aa #009B6A sobre #00CE8D 1,73:1 No aprobado
Aa #004744 sobre #006B59 1,64:1 No aprobado
Aa #002322 sobre #004744 1,57: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