Início Paletas de cores GirlsBestFriend12

GirlsBestFriend12

Paleta de 12 cores · Quente · Mista · Harmonia: Monocromática

Voltar à biblioteca

GirlsBestFriend12

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Monocromática

Editar

Vibrante 12 cores Quente Mista Monocromática warm blue pastel cool

Curtidas 46

Cores 12

Variáveis 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 vibrante de 12 cores vai de Salt Mountain (#D6FAFF), o tom mais claro, até Chocolate Melange (#350D02), o mais escuro. Ela reúne Chocolate Melange, Hereford Cow Brown, Sedona Stone, Red Cent, Washed-Out Crimson, Golgfag Brown, Tartare, Burnt Sienna, Salt Mountain, Tranquil Pool, Tribute e Blue Jay em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #350D02 sobre #D6FAFF, com 15,69:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Chocolate Melange #350D02

RGB: rgb(53, 13, 2)
HSL: hsl(13, 93%, 11%)
Luminância: 0,011

Hereford Cow Brown #6B2B1B

RGB: rgb(107, 43, 27)
HSL: hsl(12, 60%, 26%)
Luminância: 0,049

Sedona Stone #8C4732

RGB: rgb(140, 71, 50)
HSL: hsl(14, 47%, 37%)
Luminância: 0,103

Red Cent #AD634A

RGB: rgb(173, 99, 74)
HSL: hsl(15, 40%, 48%)
Luminância: 0,183

Washed-Out Crimson #FFB6AB

RGB: rgb(255, 182, 171)
HSL: hsl(8, 100%, 84%)
Luminância: 0,577

Golgfag Brown #D97F70

RGB: rgb(217, 127, 112)
HSL: hsl(9, 58%, 65%)
Luminância: 0,311

Tartare #C35838

RGB: rgb(195, 88, 56)
HSL: hsl(14, 55%, 49%)
Luminância: 0,189

Burnt Sienna #AD3100

RGB: rgb(173, 49, 0)
HSL: hsl(17, 100%, 34%)
Luminância: 0,111

Salt Mountain #D6FAFF

RGB: rgb(214, 250, 255)
HSL: hsl(187, 100%, 92%)
Luminância: 0,899

Tranquil Pool #8CDEFA

RGB: rgb(140, 222, 250)
HSL: hsl(195, 92%, 76%)
Luminância: 0,647

Tribute #74B2DB

RGB: rgb(116, 178, 219)
HSL: hsl(204, 59%, 66%)
Luminância: 0,407

Blue Jay #537FDB

RGB: rgb(83, 127, 219)
HSL: hsl(221, 65%, 59%)
Luminância: 0,221

Contraste e acessibilidade

12 de 66 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado

Aa #8C4732 sobre #74B2DB 2,98:1 Reprovado

Aa #C35838 sobre #8CDEFA 2,92:1 Reprovado

Aa #AD3100 sobre #74B2DB 2,84:1 Reprovado

Aa #6B2B1B sobre #537FDB 2,73:1 Reprovado

Aa #AD634A sobre #FFB6AB 2,69:1 Reprovado

Aa #350D02 sobre #AD3100 2,66:1 Reprovado

Aa #FFB6AB sobre #C35838 2,63:1 Reprovado

Aa #D97F70 sobre #D6FAFF 2,63:1 Reprovado

Aa #8CDEFA sobre #537FDB 2,57:1 Reprovado

Aa #350D02 sobre #8C4732 2,53:1 Reprovado

Aa #6B2B1B sobre #C35838 2,40:1 Reprovado

Aa #8C4732 sobre #D97F70 2,36:1 Reprovado

Aa #6B2B1B sobre #AD634A 2,35:1 Reprovado

Aa #FFB6AB sobre #537FDB 2,31:1 Reprovado

Aa #D97F70 sobre #AD3100 2,24:1 Reprovado

Aa #D6FAFF sobre #74B2DB 2,08:1 Reprovado

Aa #AD634A sobre #74B2DB 1,96:1 Reprovado

Aa #D97F70 sobre #8CDEFA 1,93:1 Reprovado

Aa #C35838 sobre #74B2DB 1,91:1 Reprovado

Aa #8C4732 sobre #537FDB 1,77:1 Reprovado

Aa #FFB6AB sobre #D97F70 1,74:1 Reprovado

Aa #AD3100 sobre #537FDB 1,69:1 Reprovado

Aa #74B2DB sobre #537FDB 1,68:1 Reprovado

Aa #350D02 sobre #6B2B1B 1,64:1 Reprovado

Aa #6B2B1B sobre #AD3100 1,62:1 Reprovado

Aa #8C4732 sobre #C35838 1,56:1 Reprovado

Aa #AD634A sobre #D97F70 1,55:1 Reprovado

Aa #6B2B1B sobre #8C4732 1,54:1 Reprovado

Aa #8CDEFA sobre #74B2DB 1,53:1 Reprovado

Aa #8C4732 sobre #AD634A 1,52:1 Reprovado

Aa #FFB6AB sobre #D6FAFF 1,51:1 Reprovado

Aa #D97F70 sobre #C35838 1,51:1 Reprovado

Aa #C35838 sobre #AD3100 1,48:1 Reprovado

Aa #AD634A sobre #AD3100 1,45:1 Reprovado

Aa #FFB6AB sobre #74B2DB 1,37:1 Reprovado

Aa #D6FAFF sobre #8CDEFA 1,36:1 Reprovado

Aa #D97F70 sobre #537FDB 1,33:1 Reprovado

Aa #D97F70 sobre #74B2DB 1,27:1 Reprovado

Aa #AD634A sobre #537FDB 1,16:1 Reprovado

Aa #C35838 sobre #537FDB 1,14:1 Reprovado

Aa #FFB6AB sobre #8CDEFA 1,11:1 Reprovado

Aa #8C4732 sobre #AD3100 1,05:1 Reprovado

Aa #AD634A sobre #C35838 1,02:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70

4 cores

#7D5A50 #B4846C #E5B299 #FCDEC0

4 cores

#FFF8EA #9E7676 #815B5B #594545

4 cores

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 cores

#F67280 #C06C84 #6C5B7B #355C7D

4 cores

#2B2E4A #E84545 #903749 #53354A

4 cores

#E5D9B6 #A4BE7B #5F8D4E #285430

4 cores

#A9907E #F3DEBA #ABC4AA #675D50

4 cores

GirlsBestFriend12