Dark Slate Blue #483D8B
Dark Slate Blue é um roxo escuro e moderadamente saturado, com código hex #483D8B e RGB rgb(72, 61, 139).
Aa
O texto branco é o que melhor se lê sobre esta cor (9.06:1).
Sobre esta cor
#483D8B é um roxo escuro e moderadamente saturado. Em OKLCH, a luminosidade é 41%, o croma 0.125 e o matiz 286°. O matiz fica do lado frio do círculo cromático. É a cor com nome Dark Slate Blue. O texto branco é o que melhor se lê sobre esta cor, com 9.06:1.
| Família de matiz | Roxos |
| Luminosidade | escuro (41%) |
| Croma | moderadamente saturado (0.125) |
| Temperatura | frio |
| Nome mais próximo | Dark Slate Blue |
| Texto preto | 2.31:1 |
| Texto branco | 9.06:1 |
Cores que combinam com Dark Slate Blue
Combinações obtidas ao girar Dark Slate Blue pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Dark Slate Blue
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dark Slate Blue, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Dark Slate Blue, com a distância ΔE.
- Blueberry #464196 ΔE 0.020
- Cobalt #1E488F ΔE 0.056
- Twilight #4E518B ΔE 0.056
- Rebecca Purple #663399 ΔE 0.061
- Dusk Blue #26538D ΔE 0.068
- Dusk #4E5481 ΔE 0.071
- Light Navy #155084 ΔE 0.074
- Twilight Blue #0A437A ΔE 0.076
Mais sobre Dark Slate Blue
Como fazer Dark Slate Blue
Uma receita inicial com cores de tinta comuns, calculada com um modelo espectral de tinta (o modo tinta do misturador). Pigmentos reais variam: misture primeiro um pequeno teste e ajuste.
- 4 partes de roxo
- 3 partes de azul
- 1 parte de verde
Resultado da receita: #413C8C, uma diferença de ΔE 0.013 em relação a Dark Slate Blue. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Dark Slate Blue em todos os formatos
| HEX | #483D8B |
| RGB | rgb(72, 61, 139) |
| HSL | hsl(248, 39%, 39%) |
| OKLCH | oklch(41.4% 0.125 286) |
Contraste
As razões de contraste do WCAG 2 são a meta de conformidade: o AA exige 4.5:1 para texto de corpo e 3:1 para texto grande; o AAA exige 7:1. Os valores Lc do APCA são uma orientação complementar dos rascunhos do WCAG 3.
| Combinação | WCAG 2 | Resultado | APCA | Orientação APCA |
|---|---|---|---|---|
| Texto branco sobre #483D8B | 9.06:1 | AAA | Lc -95.0 | Ideal para texto de corpo |
| Texto preto sobre #483D8B | 2.31:1 | Não atende | Lc 13.4 | Não legível |
| Texto #483D8B sobre branco | 9.06:1 | AAA | Lc 90.6 | Ideal para texto de corpo |
| Texto #483D8B sobre preto | 2.31:1 | Não atende | Lc -11.7 | Não legível |
Tons claros e escuros de Dark Slate Blue
Uma escala de 50 a 950 criada em OKLCH: o matiz é mantido, a luminosidade segue uma curva parecida com a do Tailwind v4 e cada passo fica dentro da gama sRGB. Esta cor está no passo 800.
-
Passo 50
50
#F5F5FC
oklch(97.2% 0.009 286.2)
-
Passo 100
100
#E8E8F8
oklch(93.6% 0.022 286)
-
Passo 200
200
#D6D6F3
oklch(88.5% 0.04 285.6)
-
Passo 300
300
#BCBAEE
oklch(80.8% 0.073 286.4)
-
Passo 400
400
#9B95E6
oklch(70.7% 0.117 286.4)
-
Passo 500
500
#8379DE
oklch(63.1% 0.148 285.8)
-
Passo 600
600
#6E5FCC
oklch(55.5% 0.163 286.1)
-
Passo 700
700
#5C4EB1
oklch(49.1% 0.152 285.8)
-
Passo 800
800 (esta cor)
#483D8B
oklch(41.4% 0.125 286)
-
Passo 900
900
#3E3872
oklch(37.8% 0.096 285.5)
-
Passo 950
950
#242143
oklch(27% 0.062 285.5)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dark Slate Blue com daltonismo
Simulado com o modelo de Machado et al. (2009). ΔE é o quanto a cor se desloca: abaixo de cerca de 0.02 você não notaria a mudança.
| Visão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #124B8E | 0.066 |
| Deuteranopia (sem cones verdes) | #104689 | 0.065 |
| Tritanopia (sem cones azuis) | #324E5E | 0.104 |
| Acromatopsia (sem cor) | #494949 | 0.125 |
Use Dark Slate Blue no seu produto
Transforme em papéis de interface claros e escuros com o contraste verificado e exporte para Tailwind v4, shadcn/ui, CSS ou design tokens.