Dark Periwinkle #665FD1
Dark Periwinkle é um roxo médio-escuro e vívido, com código hex #665FD1 e RGB rgb(102, 95, 209).
Aa
O texto branco é o que melhor se lê sobre esta cor (5.09:1).
Sobre esta cor
#665FD1 é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 55%, o croma 0.170 e o matiz 282°. O matiz fica do lado frio do círculo cromático. É a cor com nome Dark Periwinkle. O texto branco é o que melhor se lê sobre esta cor, com 5.09:1.
| Família de matiz | Roxos |
| Luminosidade | médio-escuro (55%) |
| Croma | vívido (0.170) |
| Temperatura | frio |
| Nome mais próximo | Dark Periwinkle |
| Texto preto | 4.12:1 |
| Texto branco | 5.09:1 |
Cores que combinam com Dark Periwinkle
Combinações obtidas ao girar Dark Periwinkle 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 Periwinkle
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dark Periwinkle, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Dark Periwinkle, com a distância ΔE.
- Slate Blue #6A5ACD ΔE 0.013
- Light Indigo #6D5ACF ΔE 0.015
- Iris #6258C4 ΔE 0.026
- Warm Blue #4B57DB ΔE 0.047
- Royal Blue #4169E1 ΔE 0.052
- Medium Slate Blue #7B68EE ΔE 0.059
- Neon Blue #4361EE ΔE 0.062
- Purpley #8756E4 ΔE 0.062
Mais sobre Dark Periwinkle
Como fazer Dark Periwinkle
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.
- 1 parte de azul
- 1 parte de roxo
- 1 parte de branco
Resultado da receita: #6A70CC, uma diferença de ΔE 0.046 em relação a Dark Periwinkle. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.
Códigos de Dark Periwinkle em todos os formatos
| HEX | #665FD1 |
| RGB | rgb(102, 95, 209) |
| HSL | hsl(244, 55%, 60%) |
| OKLCH | oklch(55.2% 0.17 282) |
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 #665FD1 | 5.09:1 | AA | Lc -80.2 | Bom para texto de corpo |
| Texto preto sobre #665FD1 | 4.12:1 | AA texto grande | Lc 29.2 | Apenas divisores e decoração |
| Texto #665FD1 sobre branco | 5.09:1 | AA | Lc 74.9 | Texto de conteúdo, não para leitura longa |
| Texto #665FD1 sobre preto | 4.12:1 | AA texto grande | Lc -26.9 | Apenas divisores e decoração |
Tons claros e escuros de Dark Periwinkle
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 600.
-
Passo 50
50
#F4F5FC
oklch(97.1% 0.009 279.7)
-
Passo 100
100
#E7E8F9
oklch(93.5% 0.023 283.3)
-
Passo 200
200
#D4D6F5
oklch(88.4% 0.043 282.6)
-
Passo 300
300
#B8BBF2
oklch(80.9% 0.077 282.1)
-
Passo 400
400
#9596EB
oklch(70.7% 0.123 282.3)
-
Passo 500
500
#7C7AE4
oklch(63.1% 0.156 281.8)
-
Passo 600
600 (esta cor)
#665FD1
oklch(55.2% 0.17 282)
-
Passo 700
700
#564FB6
oklch(49.1% 0.158 282)
-
Passo 800
800
#464193
oklch(42.6% 0.131 282.1)
-
Passo 900
900
#3A3876
oklch(37.7% 0.103 281.7)
-
Passo 950
950
#222145
oklch(26.9% 0.066 282.3)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dark Periwinkle 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) | #1A72D5 | 0.079 |
| Deuteranopia (sem cones verdes) | #066ACF | 0.082 |
| Tritanopia (sem cones azuis) | #3B798F | 0.146 |
| Acromatopsia (sem cor) | #6E6E6E | 0.171 |
Use Dark Periwinkle 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.