En yakın adlandırılmış renk · #BDA4C8
#BDA4C8
En yakın adlandırılmış renk: Lucius Lilac
#BDA4C8 (rgb(189 164 200), hsl(282 25% 71%), oklch(0.752 0.058 315.5)) en çok Lucius Lilac adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#BDA4C8
oklch(0.752 0.058 315.5)
Renk dönüşümleri
- HEX
- #bda4c8
- RGB
- rgb(189 164 200)
- HSL
- hsl(282 25% 71%)
- HWB
- hwb(282 64% 22%)
- OKLCH
- oklch(0.752 0.058 315.5)
- OKLab
- oklab(0.752 0.041 -0.04)
- CIE Lab
- lab(70.48 14.35 -14.97)
- LCH
- lch(70.48 20.74 313.8)
- CMYK
- cmyk(5% 18% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3ADCD
- CAB6D3
- D1BFD8
- D7C8DE
- DED1E3
- E4DAE9
- EBE3EE
- F2ECF4
- F8F6F9
Koyu tonlar
- A48EAE
- 8C7994
- 74647B
- 5D5063
- 473D4C
- 332B36
- 1F1A21
- 0D0A0F
- 020102
Gri tonlar
- B7A0C1
- B19DB9
- AA99B2
- A496AB
- 9E92A3
- 988E9C
- 928B95
- 8C878E
- 868487
Renk uyumları
Tamamlayıcı +180°
- BDA4C8
Lucius Lilac
- 9FB793
≈ Brookview
Analog -30° +30°
- BDA4C8
Lucius Lilac
- ABAAD2
≈ Monastic
- CBA0B7
≈ Quilted Heart
Üçlü +120° +240°
- BDA4C8
Lucius Lilac
- C4AA86
≈ Camelback
- 83BBBA
≈ Vintage Blue
Bölünmüş tamamlayıcı +150° +210°
- BDA4C8
Lucius Lilac
- B3B187
≈ Lively Ivy
- 8CBBA6
≈ Lichen
Dörtlü +90° +180° +270°
- BDA4C8
Lucius Lilac
- CFA490
≈ Autumn Malt
- 9FB793
≈ Brookview
- 87B7CB
≈ Blue Bird Morning
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.30:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--lucius-lilac: #bda4c8;
--lucius-lilac-rgb: 189 164 200;
--lucius-lilac-oklch: oklch(0.752 0.058 315.5);
}
.element {
color: var(--lucius-lilac);
background-color: hsl(282 25% 71%);
border-color: oklch(0.752 0.058 315.5);
}Tailwind CSS v4
@theme {
--color-lucius-lilac: #bda4c8;
--color-lucius-lilac-50: #fcf0ff;
--color-lucius-lilac-100: #f0e2f5;
--color-lucius-lilac-200: #dfcde5;
--color-lucius-lilac-300: #c4afcb;
--color-lucius-lilac-400: #ac94b6;
--color-lucius-lilac-500: #957ba1;
--color-lucius-lilac-600: #7e6888;
--color-lucius-lilac-700: #65536d;
--color-lucius-lilac-800: #4a3d51;
--color-lucius-lilac-900: #332a38;
--color-lucius-lilac-950: #1f1723;
}SCSS
$lucius-lilac: #bda4c8;
$lucius-lilac-rgb: 189, 164, 200;
$lucius-lilac-light: mix(#fff, $lucius-lilac, 20%);
$lucius-lilac-dark: mix(#000, $lucius-lilac, 20%);
.element {
color: $lucius-lilac;
box-shadow: 0 0 0 2px rgba($lucius-lilac, 0.35);
}