Registrarse Registrarse
Storms And Cyan

Storms And Cyan

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

Volver a la biblioteca

Storms And Cyan

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

Editar
Colores apagados 8 colores Colores fríos Tonos oscuros Armonía análoga warm blue cyan cool
Me gusta 46
Colores 8

Variables CSS

:root {
  --c-muted-1: #00000E;
  --c-muted-2: #001933;
  --c-muted-3: #003F51;
  --c-muted-4: #007F8E;
  --c-muted-5: #00AEB8;
  --c-muted-6: #00BEBC;
  --c-muted-7: #00CDC9;
  --c-muted-8: #00FDFF;
}

Sobre esta paleta

Esta paleta de 8 colores apagados va de Fluorescent Turquoise (#00FDFF), su tono más claro, a Benthic Black (#00000E), el más oscuro. Combina Benthic Black, Oxford by Night, Crab Nebula, Island Lush, Deep Turquoise, Cyan Sky, Tilla Kari Mosque y Fluorescent Turquoise en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #00000E sobre #00FDFF, con 16,39: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

Benthic Black #00000E
RGB
rgb(0, 0, 14)
HSL
hsl(240, 100%, 3%)
Luminancia
0,000
Oxford by Night #001933
RGB
rgb(0, 25, 51)
HSL
hsl(211, 100%, 10%)
Luminancia
0,009
Crab Nebula #003F51
RGB
rgb(0, 63, 81)
HSL
hsl(193, 100%, 16%)
Luminancia
0,042
Island Lush #007F8E
RGB
rgb(0, 127, 142)
HSL
hsl(186, 100%, 28%)
Luminancia
0,171
Deep Turquoise #00AEB8
RGB
rgb(0, 174, 184)
HSL
hsl(183, 100%, 36%)
Luminancia
0,337
Cyan Sky #00BEBC
RGB
rgb(0, 190, 188)
HSL
hsl(179, 100%, 37%)
Luminancia
0,405
Tilla Kari Mosque #00CDC9
RGB
rgb(0, 205, 201)
HSL
hsl(179, 100%, 40%)
Luminancia
0,479
Fluorescent Turquoise #00FDFF
RGB
rgb(0, 253, 255)
HSL
hsl(180, 100%, 50%)
Luminancia
0,775

Contraste y accesibilidad

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

Aa #00000E sobre #00FDFF 16,39:1 AAA
Aa #001933 sobre #00FDFF 13,90:1 AAA
Aa #00000E sobre #00CDC9 10,51:1 AAA
Aa #00000E sobre #00BEBC 9,03:1 AAA
Aa #003F51 sobre #00FDFF 9,01:1 AAA
Aa #001933 sobre #00CDC9 8,91:1 AAA
Aa #00000E sobre #00AEB8 7,70:1 AAA
Aa #001933 sobre #00BEBC 7,66:1 AAA
Aa #001933 sobre #00AEB8 6,53:1 AA
Aa #003F51 sobre #00CDC9 5,78:1 AA
Aa #003F51 sobre #00BEBC 4,97:1 AA
Aa #00000E sobre #007F8E 4,40:1 AA, texto grande
Aa #003F51 sobre #00AEB8 4,23:1 AA, texto grande
Aa #001933 sobre #007F8E 3,73:1 AA, texto grande
Aa #007F8E sobre #00FDFF 3,73:1 AA, texto grande
Aa #003F51 sobre #007F8E 2,42:1 No aprobado
Aa #007F8E sobre #00CDC9 2,39:1 No aprobado
Aa #00AEB8 sobre #00FDFF 2,13:1 No aprobado
Aa #007F8E sobre #00BEBC 2,05:1 No aprobado
Aa #00000E sobre #003F51 1,82:1 No aprobado
Aa #00BEBC sobre #00FDFF 1,81:1 No aprobado
Aa #007F8E sobre #00AEB8 1,75:1 No aprobado
Aa #00CDC9 sobre #00FDFF 1,56:1 No aprobado
Aa #001933 sobre #003F51 1,54:1 No aprobado
Aa #00AEB8 sobre #00CDC9 1,37:1 No aprobado
Aa #00000E sobre #001933 1,18:1 No aprobado
Aa #00AEB8 sobre #00BEBC 1,17:1 No aprobado
Aa #00BEBC sobre #00CDC9 1,16: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