Adlandırılmış renk · #B56EDC
Lavender
Lavender, #B56EDC: rgb(181 110 220), hsl(279 61% 65%), oklch(0.659 0.171 312.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Lavender color name →
#B56EDC
oklch(0.659 0.171 312.4)
Renk dönüşümleri
- HEX
- #b56edc
- RGB
- rgb(181 110 220)
- HSL
- hsl(279 61% 65%)
- HWB
- hwb(279 43% 14%)
- OKLCH
- oklch(0.659 0.171 312.4)
- OKLab
- oklab(0.659 0.115 -0.127)
- CIE Lab
- lab(57.84 43.04 -45.53)
- LCH
- lch(57.84 62.66 313.4)
- CMYK
- cmyk(18% 50% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BD7DE0
- C48CE4
- CB9BE8
- D3A9EC
- DAB7F0
- E2C6F3
- E9D4F6
- F0E2F9
- F8F1FC
Koyu tonlar
- 9D5FBF
- 8650A3
- 6F4188
- 59336E
- 442654
- 30193C
- 1D0E26
- 0C0411
- 020102
Gri tonlar
- B071D3
- AB74CA
- A576C1
- A078B8
- 9B7AAF
- 957BA5
- 907D9C
- 8B7E93
- 857F89
Renk uyumları
Tamamlayıcı +180°
- B56EDC
Lavender
- 68A621
≈ Herbal Lift
Analog -30° +30°
- B56EDC
Lavender
- 8580F6
≈ Blue Party Parrot
- D661AE
≈ Mega Magenta
Üçlü +120° +240°
- B56EDC
Lavender
- C68100
≈ Bamboo Brown
- 00A7A4
≈ Royal Cloak
Bölünmüş tamamlayıcı +150° +210°
- B56EDC
Lavender
- A39400
≈ Rapeseed Oil
- 00AC77
≈ Bright Camouflage
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.37:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.22:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--lavender: #b56edc;
--lavender-rgb: 181 110 220;
--lavender-oklch: oklch(0.659 0.171 312.4);
}
.element {
color: var(--lavender);
background-color: hsl(279 61% 65%);
border-color: oklch(0.659 0.171 312.4);
}Tailwind CSS v4
@theme {
--color-lavender: #b56edc;
--color-lavender-50: #ffe7ff;
--color-lavender-100: #fdd7ff;
--color-lavender-200: #efbeff;
--color-lavender-300: #d89cf4;
--color-lavender-400: #c07de6;
--color-lavender-500: #ac5dd6;
--color-lavender-600: #914fb4;
--color-lavender-700: #743f91;
--color-lavender-800: #552e6d;
--color-lavender-900: #3b1f4d;
--color-lavender-950: #250e33;
}SCSS
$lavender: #b56edc;
$lavender-rgb: 181, 110, 220;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}