En yakın adlandırılmış renk · #CEA4DC
#CEA4DC
En yakın adlandırılmış renk: Lilac Lace
#CEA4DC (rgb(206 164 220), hsl(285 44% 75%), oklch(0.775 0.09 317.6)) en çok Lilac Lace 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.
#CEA4DC
oklch(0.775 0.09 317.6)
Renk dönüşümleri
- HEX
- #cea4dc
- RGB
- rgb(206 164 220)
- HSL
- hsl(285 44% 75%)
- HWB
- hwb(285 64% 14%)
- OKLCH
- oklch(0.775 0.09 317.6)
- OKLab
- oklab(0.775 0.067 -0.061)
- CIE Lab
- lab(72.68 23.28 -22.41)
- LCH
- lch(72.68 32.32 316.1)
- CMYK
- cmyk(6% 25% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3ADE0
- D8B6E3
- DDBFE7
- E2C8EA
- E7D1EE
- ECDAF1
- F0E3F5
- F5EDF8
- FAF6FC
Koyu tonlar
- B38EBF
- 9879A3
- 7F6488
- 66506E
- 4E3D54
- 382B3C
- 231A26
- 0F0A11
- 020102
Gri tonlar
- C6A0D3
- BE9DC9
- B699C0
- AE96B7
- A692AD
- 9F8FA4
- 978B9B
- 8F8792
- 888489
Renk uyumları
Tamamlayıcı +180°
- CEA4DC
Lilac Lace
- 9AC48B
≈ Picnic
Analog -30° +30°
- CEA4DC
Lilac Lace
- B2ADED
≈ Maximum Blue Purple
- E19FC0
≈ Pink Begonia
Üçlü +120° +240°
- CEA4DC
Lilac Lace
- D6AF72
≈ Tarnished Trumpet
- 69C8CA
≈ Petrichor
Bölünmüş tamamlayıcı +150° +210°
- CEA4DC
Lilac Lace
- BCBA75
≈ Liminal Yellow
- 7AC9AA
≈ Aqua Eden
Dörtlü +90° +180° +270°
- CEA4DC
Lilac Lace
- E6A484
≈ Peach Nougat
- 9AC48B
≈ Picnic
- 74C2E3
≈ Bright Spark
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.10:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.96:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-lace: #cea4dc;
--lilac-lace-rgb: 206 164 220;
--lilac-lace-oklch: oklch(0.775 0.09 317.6);
}
.element {
color: var(--lilac-lace);
background-color: hsl(285 44% 75%);
border-color: oklch(0.775 0.09 317.6);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cea4dc;
--color-lilac-lace-50: #ffedff;
--color-lilac-lace-100: #f6dffb;
--color-lilac-lace-200: #e6c8ed;
--color-lilac-lace-300: #cca9d5;
--color-lilac-lace-400: #b58ec2;
--color-lilac-lace-500: #9f73ad;
--color-lilac-lace-600: #866192;
--color-lilac-lace-700: #6c4e75;
--color-lilac-lace-800: #4e3858;
--color-lilac-lace-900: #37273d;
--color-lilac-lace-950: #211527;
}SCSS
$lilac-lace: #cea4dc;
$lilac-lace-rgb: 206, 164, 220;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}