Inicio Paletas de colores Bus Seat Patterns

Bus Seat Patterns

Paleta de 9 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Bus Seat Patterns

Paleta de 9 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar

Colores apagados 9 colores Colores fríos Tonos mixtos Armonía complementaria pixelart pink blue yellow

Me gusta 27

Colores 9

Variables CSS

:root {
  --c-muted-1: #84BBC0;
  --c-muted-2: #305AB1;
  --c-muted-3: #1E1B1E;
  --c-muted-4: #35334B;
  --c-muted-5: #919191;
  --c-muted-6: #C8C8C8;
  --c-muted-7: #FFFFFF;
  --c-muted-8: #EBCD63;
  --c-muted-9: #DF5AB1;
}

Sobre esta paleta

Esta paleta de 9 colores apagados va de White (#FFFFFF), su tono más claro, a Dynamic Black (#1E1B1E), el más oscuro. Combina Misty Cold Sea, Blasphemous Blue, Dynamic Black, Chrysomela Goettingensis, Tin, Brushed Metal, White, Grand Casino Gold y Orion en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1E1B1E sobre #FFFFFF, con 17,06: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

Misty Cold Sea #84BBC0

RGB: rgb(132, 187, 192)
HSL: hsl(185, 32%, 64%)
Luminancia: 0,443

Blasphemous Blue #305AB1

RGB: rgb(48, 90, 177)
HSL: hsl(220, 57%, 44%)
Luminancia: 0,111

Dynamic Black #1E1B1E

RGB: rgb(30, 27, 30)
HSL: hsl(300, 5%, 11%)
Luminancia: 0,012

Chrysomela Goettingensis #35334B

RGB: rgb(53, 51, 75)
HSL: hsl(245, 19%, 25%)
Luminancia: 0,036

Tin #919191

RGB: rgb(145, 145, 145)
HSL: hsl(0, 0%, 57%)
Luminancia: 0,283

Brushed Metal #C8C8C8

RGB: rgb(200, 200, 200)
HSL: hsl(0, 0%, 78%)
Luminancia: 0,578

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminancia: 1,000

Grand Casino Gold #EBCD63

RGB: rgb(235, 205, 99)
HSL: hsl(47, 77%, 65%)
Luminancia: 0,622

Orion #DF5AB1

RGB: rgb(223, 90, 177)
HSL: hsl(321, 68%, 61%)
Luminancia: 0,262

Contraste y accesibilidad

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

Aa #1E1B1E sobre #FFFFFF 17,06:1 AAA

Aa #35334B sobre #FFFFFF 12,16:1 AAA

Aa #1E1B1E sobre #EBCD63 10,92:1 AAA

Aa #1E1B1E sobre #C8C8C8 10,20:1 AAA

Aa #84BBC0 sobre #1E1B1E 8,00:1 AAA

Aa #35334B sobre #EBCD63 7,79:1 AAA

Aa #35334B sobre #C8C8C8 7,27:1 AAA

Aa #305AB1 sobre #FFFFFF 6,52:1 AA

Aa #84BBC0 sobre #35334B 5,71:1 AA

Aa #1E1B1E sobre #919191 5,41:1 AA

Aa #1E1B1E sobre #DF5AB1 5,07:1 AA

Aa #305AB1 sobre #EBCD63 4,17:1 AA, texto grande

Aa #305AB1 sobre #C8C8C8 3,89:1 AA, texto grande

Aa #35334B sobre #919191 3,86:1 AA, texto grande

Aa #35334B sobre #DF5AB1 3,61:1 AA, texto grande

Aa #FFFFFF sobre #DF5AB1 3,37:1 AA, texto grande

Aa #919191 sobre #FFFFFF 3,15:1 AA, texto grande

Aa #84BBC0 sobre #305AB1 3,06:1 AA, texto grande

Aa #305AB1 sobre #1E1B1E 2,62:1 No aprobado

Aa #EBCD63 sobre #DF5AB1 2,16:1 No aprobado

Aa #84BBC0 sobre #FFFFFF 2,13:1 No aprobado

Aa #305AB1 sobre #919191 2,07:1 No aprobado

Aa #919191 sobre #EBCD63 2,02:1 No aprobado

Aa #C8C8C8 sobre #DF5AB1 2,01:1 No aprobado

Aa #305AB1 sobre #DF5AB1 1,93:1 No aprobado

Aa #919191 sobre #C8C8C8 1,88:1 No aprobado

Aa #305AB1 sobre #35334B 1,87:1 No aprobado

Aa #C8C8C8 sobre #FFFFFF 1,67:1 No aprobado

Aa #84BBC0 sobre #DF5AB1 1,58:1 No aprobado

Aa #FFFFFF sobre #EBCD63 1,56:1 No aprobado

Aa #84BBC0 sobre #919191 1,48:1 No aprobado

Aa #1E1B1E sobre #35334B 1,40:1 No aprobado

Aa #84BBC0 sobre #EBCD63 1,36:1 No aprobado

Aa #84BBC0 sobre #C8C8C8 1,27:1 No aprobado

Aa #919191 sobre #DF5AB1 1,07:1 No aprobado

Aa #C8C8C8 sobre #EBCD63 1,07:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE

4 colores

#F9F7F7 #DBE2EF #3F72AF #112D4E

4 colores

#1B262C #0F4C75 #3282B8 #BBE1FA

4 colores

#08D9D6 #252A34 #FF2E63 #EAEAEA

4 colores

#27374D #526D82 #9DB2BF #DDE6ED

4 colores

#364F6B #3FC1C9 #F5F5F5 #FC5185

4 colores

#E4F9F5 #30E3CA #11999E #40514E

4 colores

#F0F5F9 #C9D6DF #52616B #1E2022

4 colores

Bus Seat Patterns