Adlandırılmış renk · #EFC0FE
Light Lavender
Light Lavender, #EFC0FE: rgb(239 192 254), hsl(285 97% 87%), oklch(0.869 0.098 317.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Light Lavender color name →
#EFC0FE
oklch(0.869 0.098 317.9)
Renk dönüşümleri
- HEX
- #efc0fe
- RGB
- rgb(239 192 254)
- HSL
- hsl(285 97% 87%)
- HWB
- hwb(285 75% 0%)
- OKLCH
- oklch(0.869 0.098 317.9)
- OKLab
- oklab(0.869 0.072 -0.065)
- CIE Lab
- lab(83.44 25.23 -24.07)
- LCH
- lch(83.44 34.87 316.3)
- CMYK
- cmyk(6% 24% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1C6FE
- F2CDFF
- F4D3FF
- F6D9FF
- F7E0FF
- F9E6FF
- FBECFF
- FCF3FF
- FEF9FF
Koyu tonlar
- D0A7DD
- B18EBD
- 94769E
- 785F80
- 5C4963
- 423447
- 2A202D
- 140E16
- 030203
Gri tonlar
- E3BAF1
- D8B3E4
- CDADD7
- C1A6CA
- B6A0BD
- AB99B1
- A093A4
- 958D98
- 8B868C
Renk uyumları
Tamamlayıcı +180°
- EFC0FE
Light Lavender
- B5E4A5
≈ Madang
Analog -30° +30°
- EFC0FE
Light Lavender
- D1CEFF
≈ Lavender Blue
- FFBEDE
≈ Pink Satin
Üçlü +120° +240°
- EFC0FE
Light Lavender
- F8CC89
≈ Elven Beige
- 7FE8EB
≈ Dead Sea
Bölünmüş tamamlayıcı +150° +210°
- EFC0FE
Light Lavender
- DAD98D
≈ Wax Green
- 91E9C7
≈ Bubble Algae
Dörtlü +90° +180° +270°
- EFC0FE
Light Lavender
- FFC5A8
≈ Bright Citrus
- B5E4A5
≈ Madang
- 99DFFF
≈ Columbia Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.64:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.64:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-lavender: #efc0fe;
--light-lavender-rgb: 239 192 254;
--light-lavender-oklch: oklch(0.869 0.098 317.9);
}
.element {
color: var(--light-lavender);
background-color: hsl(285 97% 87%);
border-color: oklch(0.869 0.098 317.9);
}Tailwind CSS v4
@theme {
--color-light-lavender: #efc0fe;
--color-light-lavender-50: #ffedff;
--color-light-lavender-100: #f7defd;
--color-light-lavender-200: #e7c7ef;
--color-light-lavender-300: #cea8d7;
--color-light-lavender-400: #b78cc4;
--color-light-lavender-500: #a171b0;
--color-light-lavender-600: #886095;
--color-light-lavender-700: #6d4c77;
--color-light-lavender-800: #4f3859;
--color-light-lavender-900: #37263e;
--color-light-lavender-950: #221428;
}SCSS
$light-lavender: #efc0fe;
$light-lavender-rgb: 239, 192, 254;
$light-lavender-light: mix(#fff, $light-lavender, 20%);
$light-lavender-dark: mix(#000, $light-lavender, 20%);
.element {
color: $light-lavender;
box-shadow: 0 0 0 2px rgba($light-lavender, 0.35);
}