Registrarse Registrarse
Slimy 05

Slimy 05

Paleta de 5 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Slimy 05

Paleta de 5 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Editar
Colores apagados 5 colores Colores fríos Tonos oscuros Armonía complementaria green monoramp dark gameboy
Me gusta 443
Colores 5

Variables CSS

:root {
  --c-muted-1: #D1CB95;
  --c-muted-2: #40985E;
  --c-muted-3: #1A644E;
  --c-muted-4: #04373B;
  --c-muted-5: #0A1A2F;
}

Sobre esta paleta

Esta paleta de 5 colores apagados va de Court-Bouillon (#D1CB95), su tono más claro, a Trapped Darkness (#0A1A2F), el más oscuro. Combina Court-Bouillon, Alpine Herbs, Tractor Green, Customs Green y Trapped Darkness en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 10. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #D1CB95 sobre #0A1A2F, con 10,56: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

Court-Bouillon #D1CB95
RGB
rgb(209, 203, 149)
HSL
hsl(54, 39%, 70%)
Luminancia
0,584
Alpine Herbs #40985E
RGB
rgb(64, 152, 94)
HSL
hsl(140, 41%, 42%)
Luminancia
0,244
Tractor Green #1A644E
RGB
rgb(26, 100, 78)
HSL
hsl(162, 59%, 25%)
Luminancia
0,099
Customs Green #04373B
RGB
rgb(4, 55, 59)
HSL
hsl(184, 87%, 12%)
Luminancia
0,031
Trapped Darkness #0A1A2F
RGB
rgb(10, 26, 47)
HSL
hsl(214, 65%, 11%)
Luminancia
0,010

Contraste y accesibilidad

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

Aa #D1CB95 sobre #0A1A2F 10,56:1 AAA
Aa #D1CB95 sobre #04373B 7,86:1 AAA
Aa #40985E sobre #0A1A2F 4,89:1 AA
Aa #D1CB95 sobre #1A644E 4,26:1 AA, texto grande
Aa #40985E sobre #04373B 3,64:1 AA, texto grande
Aa #1A644E sobre #0A1A2F 2,48:1 No aprobado
Aa #D1CB95 sobre #40985E 2,16:1 No aprobado
Aa #40985E sobre #1A644E 1,97:1 No aprobado
Aa #1A644E sobre #04373B 1,84:1 No aprobado
Aa #04373B sobre #0A1A2F 1,34: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