Cor nomeada · #D783FF
Lavender Tea
Lavender Tea é #D783FF: rgb(215 131 255), hsl(281 100% 76%), oklch(0.746 0.19 313.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lavender Tea color name →
#D783FF
oklch(0.746 0.19 313.9)
Conversões de cor
- HEX
- #d783ff
- RGB
- rgb(215 131 255)
- HSL
- hsl(281 100% 76%)
- HWB
- hwb(281 51% 0%)
- OKLCH
- oklch(0.746 0.19 313.9)
- OKLab
- oklab(0.746 0.131 -0.137)
- CIE Lab
- lab(67.61 48.34 -49.19)
- LCH
- lch(67.61 68.97 314.5)
- CMYK
- cmyk(16% 49% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- DB90FF
- E09EFF
- E4AAFF
- E8B7FF
- ECC3FF
- F0CFFF
- F4DBFF
- F8E7FF
- FBF3FF
Sombras
- BB71DE
- 9F60BE
- 854F9E
- 6B3F80
- 522F63
- 3B2048
- 25122E
- 110616
- 020103
Tons
- CE84F2
- C584E5
- BD85D9
- B485CC
- AB84BF
- A384B3
- 9A83A6
- 918299
- 89818D
Harmonias de cor
Complementar +180°
- D783FF
Lavender Tea
- 78C535
≈ Jasmine Green
Análoga -30° +30°
- D783FF
Lavender Tea
- A2A0FF
≈ Cobalite
- FC74CA
≈ Nervous Neon Pink
Tríade +120° +240°
- D783FF
Lavender Tea
- E79B00
≈ Arnica Yellow
- 00C5C4
≈ Cala Benirrás Blue
Complementar dividida +150° +210°
- D783FF
Lavender Tea
- BEB000
≈ Apple Jade
- 00CB91
≈ Caribbean Green
Tétrade +90° +180° +270°
- D783FF
Lavender Tea
- FF864F
≈ Poached Rainbow Trout
- 78C535
≈ Jasmine Green
- 00BEED
≈ Blue Raspberry
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.57:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--lavender-tea: #d783ff;
--lavender-tea-rgb: 215 131 255;
--lavender-tea-oklch: oklch(0.746 0.19 313.9);
}
.element {
color: var(--lavender-tea);
background-color: hsl(281 100% 76%);
border-color: oklch(0.746 0.19 313.9);
}Tailwind CSS v4
@theme {
--color-lavender-tea: #d783ff;
--color-lavender-tea-50: #ffe5ff;
--color-lavender-tea-100: #ffd5ff;
--color-lavender-tea-200: #f4bbff;
--color-lavender-tea-300: #dd97f8;
--color-lavender-tea-400: #c677eb;
--color-lavender-tea-500: #b254dc;
--color-lavender-tea-600: #9648b9;
--color-lavender-tea-700: #793a95;
--color-lavender-tea-800: #582a71;
--color-lavender-tea-900: #3d1c4f;
--color-lavender-tea-950: #270b35;
}SCSS
$lavender-tea: #d783ff;
$lavender-tea-rgb: 215, 131, 255;
$lavender-tea-light: mix(#fff, $lavender-tea, 20%);
$lavender-tea-dark: mix(#000, $lavender-tea, 20%);
.element {
color: $lavender-tea;
box-shadow: 0 0 0 2px rgba($lavender-tea, 0.35);
}