Registrarse Registrarse
ST 8 Ocean

ST 8 Ocean

Paleta de 8 colores · Colores fríos · Tonos oscuros · Armonía análoga

Volver a la biblioteca

ST 8 Ocean

Paleta de 8 colores · Colores fríos · Tonos oscuros · Armonía análoga

Editar
Colores vibrantes 8 colores Colores fríos Tonos oscuros Armonía análoga artist ocean water aqua
Me gusta 93
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #040D09;
  --c-vibrant-2: #081A14;
  --c-vibrant-3: #0F332E;
  --c-vibrant-4: #165955;
  --c-vibrant-5: #238C8C;
  --c-vibrant-6: #39BFBF;
  --c-vibrant-7: #5CE5E5;
  --c-vibrant-8: #B2FAFF;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Italian Sky Blue (#B2FAFF), su tono más claro, a Alpine Salamander (#040D09), el más oscuro. Combina Alpine Salamander, Black Stallion, Storm Green, Baltic Prince, Fish Story, Maximum Blue Green, Near Moon y Italian Sky Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #040D09 sobre #B2FAFF, con 16,89: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

Alpine Salamander #040D09
RGB
rgb(4, 13, 9)
HSL
hsl(153, 53%, 3%)
Luminancia
0,003
Black Stallion #081A14
RGB
rgb(8, 26, 20)
HSL
hsl(160, 53%, 7%)
Luminancia
0,008
Storm Green #0F332E
RGB
rgb(15, 51, 46)
HSL
hsl(172, 55%, 13%)
Luminancia
0,027
Baltic Prince #165955
RGB
rgb(22, 89, 85)
HSL
hsl(176, 60%, 22%)
Luminancia
0,080
Fish Story #238C8C
RGB
rgb(35, 140, 140)
HSL
hsl(180, 60%, 34%)
Luminancia
0,210
Maximum Blue Green #39BFBF
RGB
rgb(57, 191, 191)
HSL
hsl(180, 54%, 49%)
Luminancia
0,419
Near Moon #5CE5E5
RGB
rgb(92, 229, 229)
HSL
hsl(180, 72%, 63%)
Luminancia
0,640
Italian Sky Blue #B2FAFF
RGB
rgb(178, 250, 255)
HSL
hsl(184, 100%, 85%)
Luminancia
0,851

Contraste y accesibilidad

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

Aa #040D09 sobre #B2FAFF 16,89:1 AAA
Aa #081A14 sobre #B2FAFF 15,42:1 AAA
Aa #040D09 sobre #5CE5E5 12,93:1 AAA
Aa #081A14 sobre #5CE5E5 11,81:1 AAA
Aa #0F332E sobre #B2FAFF 11,75:1 AAA
Aa #0F332E sobre #5CE5E5 9,00:1 AAA
Aa #040D09 sobre #39BFBF 8,79:1 AAA
Aa #081A14 sobre #39BFBF 8,03:1 AAA
Aa #165955 sobre #B2FAFF 6,94:1 AA
Aa #0F332E sobre #39BFBF 6,12:1 AA
Aa #165955 sobre #5CE5E5 5,32:1 AA
Aa #040D09 sobre #238C8C 4,88:1 AA
Aa #081A14 sobre #238C8C 4,45:1 AA, texto grande
Aa #165955 sobre #39BFBF 3,62:1 AA, texto grande
Aa #238C8C sobre #B2FAFF 3,46:1 AA, texto grande
Aa #0F332E sobre #238C8C 3,39:1 AA, texto grande
Aa #238C8C sobre #5CE5E5 2,65:1 No aprobado
Aa #040D09 sobre #165955 2,43:1 No aprobado
Aa #081A14 sobre #165955 2,22:1 No aprobado
Aa #165955 sobre #238C8C 2,00:1 No aprobado
Aa #39BFBF sobre #B2FAFF 1,92:1 No aprobado
Aa #238C8C sobre #39BFBF 1,80:1 No aprobado
Aa #0F332E sobre #165955 1,69:1 No aprobado
Aa #39BFBF sobre #5CE5E5 1,47:1 No aprobado
Aa #040D09 sobre #0F332E 1,44:1 No aprobado
Aa #081A14 sobre #0F332E 1,31:1 No aprobado
Aa #5CE5E5 sobre #B2FAFF 1,31:1 No aprobado
Aa #040D09 sobre #081A14 1,10: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