Registrarse Registrarse
GirlsBestFriend12

GirlsBestFriend12

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía monocromática

Volver a la biblioteca

GirlsBestFriend12

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía monocromática

Editar
Colores vibrantes 12 colores Colores cálidos Tonos mixtos Armonía monocromática warm blue pastel cool
Me gusta 46
Colores 12

Variables CSS

:root {
  --c-vibrant-1: #350D02;
  --c-vibrant-2: #6B2B1B;
  --c-vibrant-3: #8C4732;
  --c-vibrant-4: #AD634A;
  --c-vibrant-5: #FFB6AB;
  --c-vibrant-6: #D97F70;
  --c-vibrant-7: #C35838;
  --c-vibrant-8: #AD3100;
  --c-vibrant-9: #D6FAFF;
  --c-vibrant-10: #8CDEFA;
  --c-vibrant-11: #74B2DB;
  --c-vibrant-12: #537FDB;
}

Sobre esta paleta

Esta paleta de 12 colores vibrantes va de Salt Mountain (#D6FAFF), su tono más claro, a Chocolate Melange (#350D02), el más oscuro. Combina Chocolate Melange, Hereford Cow Brown, Sedona Stone, Red Cent, Washed-Out Crimson, Golgfag Brown, Tartare, Burnt Sienna, Salt Mountain, Tranquil Pool, Tribute y Blue Jay en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #350D02 sobre #D6FAFF, con 15,69: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

Chocolate Melange #350D02
RGB
rgb(53, 13, 2)
HSL
hsl(13, 93%, 11%)
Luminancia
0,011
Hereford Cow Brown #6B2B1B
RGB
rgb(107, 43, 27)
HSL
hsl(12, 60%, 26%)
Luminancia
0,049
Sedona Stone #8C4732
RGB
rgb(140, 71, 50)
HSL
hsl(14, 47%, 37%)
Luminancia
0,103
Red Cent #AD634A
RGB
rgb(173, 99, 74)
HSL
hsl(15, 40%, 48%)
Luminancia
0,183
Washed-Out Crimson #FFB6AB
RGB
rgb(255, 182, 171)
HSL
hsl(8, 100%, 84%)
Luminancia
0,577
Golgfag Brown #D97F70
RGB
rgb(217, 127, 112)
HSL
hsl(9, 58%, 65%)
Luminancia
0,311
Tartare #C35838
RGB
rgb(195, 88, 56)
HSL
hsl(14, 55%, 49%)
Luminancia
0,189
Burnt Sienna #AD3100
RGB
rgb(173, 49, 0)
HSL
hsl(17, 100%, 34%)
Luminancia
0,111
Salt Mountain #D6FAFF
RGB
rgb(214, 250, 255)
HSL
hsl(187, 100%, 92%)
Luminancia
0,899
Tranquil Pool #8CDEFA
RGB
rgb(140, 222, 250)
HSL
hsl(195, 92%, 76%)
Luminancia
0,647
Tribute #74B2DB
RGB
rgb(116, 178, 219)
HSL
hsl(204, 59%, 66%)
Luminancia
0,407
Blue Jay #537FDB
RGB
rgb(83, 127, 219)
HSL
hsl(221, 65%, 59%)
Luminancia
0,221

Contraste y accesibilidad

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

Aa #350D02 sobre #D6FAFF 15,69:1 AAA
Aa #350D02 sobre #8CDEFA 11,53:1 AAA
Aa #350D02 sobre #FFB6AB 10,36:1 AAA
Aa #6B2B1B sobre #D6FAFF 9,55:1 AAA
Aa #350D02 sobre #74B2DB 7,55:1 AAA
Aa #6B2B1B sobre #8CDEFA 7,02:1 AAA
Aa #6B2B1B sobre #FFB6AB 6,31:1 AA
Aa #8C4732 sobre #D6FAFF 6,20:1 AA
Aa #350D02 sobre #D97F70 5,97:1 AA
Aa #AD3100 sobre #D6FAFF 5,90:1 AA
Aa #6B2B1B sobre #74B2DB 4,60:1 AA
Aa #8C4732 sobre #8CDEFA 4,55:1 AA
Aa #350D02 sobre #537FDB 4,49:1 AA, texto grande
Aa #AD3100 sobre #8CDEFA 4,34:1 AA, texto grande
Aa #8C4732 sobre #FFB6AB 4,09:1 AA, texto grande
Aa #AD634A sobre #D6FAFF 4,07:1 AA, texto grande
Aa #C35838 sobre #D6FAFF 3,98:1 AA, texto grande
Aa #350D02 sobre #C35838 3,95:1 AA, texto grande
Aa #FFB6AB sobre #AD3100 3,90:1 AA, texto grande
Aa #350D02 sobre #AD634A 3,85:1 AA, texto grande
Aa #6B2B1B sobre #D97F70 3,63:1 AA, texto grande
Aa #D6FAFF sobre #537FDB 3,50:1 AA, texto grande
Aa #AD634A sobre #8CDEFA 2,99:1 No aprobado
Aa #8C4732 sobre #74B2DB 2,98:1 No aprobado
Aa #C35838 sobre #8CDEFA 2,92:1 No aprobado
Aa #AD3100 sobre #74B2DB 2,84:1 No aprobado
Aa #6B2B1B sobre #537FDB 2,73:1 No aprobado
Aa #AD634A sobre #FFB6AB 2,69:1 No aprobado
Aa #350D02 sobre #AD3100 2,66:1 No aprobado
Aa #FFB6AB sobre #C35838 2,63:1 No aprobado
Aa #D97F70 sobre #D6FAFF 2,63:1 No aprobado
Aa #8CDEFA sobre #537FDB 2,57:1 No aprobado
Aa #350D02 sobre #8C4732 2,53:1 No aprobado
Aa #6B2B1B sobre #C35838 2,40:1 No aprobado
Aa #8C4732 sobre #D97F70 2,36:1 No aprobado
Aa #6B2B1B sobre #AD634A 2,35:1 No aprobado
Aa #FFB6AB sobre #537FDB 2,31:1 No aprobado
Aa #D97F70 sobre #AD3100 2,24:1 No aprobado
Aa #D6FAFF sobre #74B2DB 2,08:1 No aprobado
Aa #AD634A sobre #74B2DB 1,96:1 No aprobado
Aa #D97F70 sobre #8CDEFA 1,93:1 No aprobado
Aa #C35838 sobre #74B2DB 1,91:1 No aprobado
Aa #8C4732 sobre #537FDB 1,77:1 No aprobado
Aa #FFB6AB sobre #D97F70 1,74:1 No aprobado
Aa #AD3100 sobre #537FDB 1,69:1 No aprobado
Aa #74B2DB sobre #537FDB 1,68:1 No aprobado
Aa #350D02 sobre #6B2B1B 1,64:1 No aprobado
Aa #6B2B1B sobre #AD3100 1,62:1 No aprobado
Aa #8C4732 sobre #C35838 1,56:1 No aprobado
Aa #AD634A sobre #D97F70 1,55:1 No aprobado
Aa #6B2B1B sobre #8C4732 1,54:1 No aprobado
Aa #8CDEFA sobre #74B2DB 1,53:1 No aprobado
Aa #8C4732 sobre #AD634A 1,52:1 No aprobado
Aa #FFB6AB sobre #D6FAFF 1,51:1 No aprobado
Aa #D97F70 sobre #C35838 1,51:1 No aprobado
Aa #C35838 sobre #AD3100 1,48:1 No aprobado
Aa #AD634A sobre #AD3100 1,45:1 No aprobado
Aa #FFB6AB sobre #74B2DB 1,37:1 No aprobado
Aa #D6FAFF sobre #8CDEFA 1,36:1 No aprobado
Aa #D97F70 sobre #537FDB 1,33:1 No aprobado
Aa #D97F70 sobre #74B2DB 1,27:1 No aprobado
Aa #AD634A sobre #537FDB 1,16:1 No aprobado
Aa #C35838 sobre #537FDB 1,14:1 No aprobado
Aa #FFB6AB sobre #8CDEFA 1,11:1 No aprobado
Aa #8C4732 sobre #AD3100 1,05:1 No aprobado
Aa #AD634A sobre #C35838 1,02:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores