Nazwany kolor · #D783FF
Lavender Tea
Lavender Tea to #D783FF: rgb(215 131 255), hsl(281 100% 76%), oklch(0.746 0.19 313.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lavender Tea color name →
#D783FF
oklch(0.746 0.19 313.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DB90FF
- E09EFF
- E4AAFF
- E8B7FF
- ECC3FF
- F0CFFF
- F4DBFF
- F8E7FF
- FBF3FF
Odcienie ciemniejsze
- BB71DE
- 9F60BE
- 854F9E
- 6B3F80
- 522F63
- 3B2048
- 25122E
- 110616
- 020103
Tony
- CE84F2
- C584E5
- BD85D9
- B485CC
- AB84BF
- A384B3
- 9A83A6
- 918299
- 89818D
Harmonie kolorów
Komplementarna +180°
- D783FF
Lavender Tea
- 78C535
≈ Jasmine Green
Analogowa -30° +30°
- D783FF
Lavender Tea
- A2A0FF
≈ Cobalite
- FC74CA
≈ Nervous Neon Pink
Triada +120° +240°
- D783FF
Lavender Tea
- E79B00
≈ Arnica Yellow
- 00C5C4
≈ Cala Benirrás Blue
Komplementarna rozszczepiona +150° +210°
- D783FF
Lavender Tea
- BEB000
≈ Apple Jade
- 00CB91
≈ Caribbean Green
Tetrada +90° +180° +270°
- D783FF
Lavender Tea
- FF864F
≈ Poached Rainbow Trout
- 78C535
≈ Jasmine Green
- 00BEED
≈ Blue Raspberry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.44:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.57:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
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);
}