Início Paletas de cores Paleta “Spooky Tangerine” de 4 cores

Paleta “Spooky Tangerine” de 4 cores

Paleta de 4 cores · Quente · Escura · Harmonia: Complementar

Voltar à biblioteca

Paleta “Spooky Tangerine” de 4 cores

Paleta de 4 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Complementar

Editar

Vibrante 4 cores Quente Escura Complementar

Curtidas 3.862

Cores 4

Variáveis CSS

:root {
  --c-vibrant-1: #282D4F;
  --c-vibrant-2: #23103A;
  --c-vibrant-3: #A0204C;
  --c-vibrant-4: #FF6C00;
}

Sobre esta paleta

Esta paleta vibrante de 4 cores vai de Spooky Tangerine (#FF6C00), o tom mais claro, até Blacklist (#23103A), o mais escuro. Ela reúne Lucky Point, Blacklist, Cherries Jubilee e Spooky Tangerine em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #23103A sobre #FF6C00, com 6,13: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

Lucky Point #282D4F

RGB: rgb(40, 45, 79)
HSL: hsl(232, 33%, 23%)
Luminância: 0,029

Blacklist #23103A

RGB: rgb(35, 16, 58)
HSL: hsl(267, 57%, 15%)
Luminância: 0,010

Cherries Jubilee #A0204C

RGB: rgb(160, 32, 76)
HSL: hsl(339, 67%, 38%)
Luminância: 0,090

Spooky Tangerine #FF6C00

RGB: rgb(255, 108, 0)
HSL: hsl(25, 100%, 50%)
Luminância: 0,320

Contraste e acessibilidade

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

Aa #23103A sobre #FF6C00 6,13:1 AA

Aa #282D4F sobre #FF6C00 4,69:1 AA

Aa #A0204C sobre #FF6C00 2,64:1 Reprovado

Aa #23103A sobre #A0204C 2,33:1 Reprovado

Aa #282D4F sobre #A0204C 1,78:1 Reprovado

Aa #282D4F sobre #23103A 1,31:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000

4 cores

#E23E57 #88304E #522546 #311D3F

4 cores

#FF204E #A0153E #5D0E41 #00224D

4 cores

#030637 #3C0753 #720455 #910A67

4 cores

#1C0A00 #361500 #603601 #CC9544

4 cores

#252525 #FF0000 #AF0404 #414141

4 cores

#362222 #171010 #423F3E #2B2B2B

4 cores

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 cores

Paleta “Spooky Tangerine” de 4 cores