En yakın adlandırılmış renk · #CDB5D9
#CDB5D9
En yakın adlandırılmış renk: Sweet Lucid Dreams
#CDB5D9 (rgb(205 181 217), hsl(280 32% 78%), oklch(0.805 0.056 314.5)) en çok Sweet Lucid Dreams 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.
#CDB5D9
oklch(0.805 0.056 314.5)
Renk dönüşümleri
- HEX
- #cdb5d9
- RGB
- rgb(205 181 217)
- HSL
- hsl(280 32% 78%)
- HWB
- hwb(280 71% 15%)
- OKLCH
- oklch(0.805 0.056 314.5)
- OKLab
- oklab(0.805 0.039 -0.04)
- CIE Lab
- lab(76.63 13.75 -14.88)
- LCH
- lch(76.63 20.26 312.7)
- CMYK
- cmyk(6% 17% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2BCDD
- D7C4E1
- DCCBE5
- E1D2E8
- E6DAEC
- EBE1F0
- F0E8F4
- F5F0F7
- FAF7FB
Koyu tonlar
- B29DBC
- 9886A1
- 7E6F86
- 66596C
- 4E4453
- 38303B
- 231D25
- 0F0C11
- 020202
Gri tonlar
- C5B0D0
- BDAAC7
- B5A5BE
- ADA0B5
- A69AAC
- 9E95A3
- 96909A
- 8F8A91
- 878589
Renk uyumları
Tamamlayıcı +180°
- CDB5D9
Sweet Lucid Dreams
- B0C8A3
≈ Freshwater Green
Analog -30° +30°
- CDB5D9
Sweet Lucid Dreams
- BABBE3
≈ Pretty Posie
- DBB1C8
≈ Private-Label Pink
Üçlü +120° +240°
- CDB5D9
Sweet Lucid Dreams
- D5BB97
≈ Smooth Beech
- 95CBCA
≈ Lake
Bölünmüş tamamlayıcı +150° +210°
- CDB5D9
Sweet Lucid Dreams
- C5C298
≈ Parlour Sage
- 9ECBB6
≈ Cool Juniper
Dörtlü +90° +180° +270°
- CDB5D9
Sweet Lucid Dreams
- DFB5A2
≈ Prosciutto
- B0C8A3
≈ Freshwater Green
- 98C8DB
≈ Bobby Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.20:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-lucid-dreams: #cdb5d9;
--sweet-lucid-dreams-rgb: 205 181 217;
--sweet-lucid-dreams-oklch: oklch(0.805 0.056 314.5);
}
.element {
color: var(--sweet-lucid-dreams);
background-color: hsl(280 32% 78%);
border-color: oklch(0.805 0.056 314.5);
}Tailwind CSS v4
@theme {
--color-sweet-lucid-dreams: #cdb5d9;
--color-sweet-lucid-dreams-50: #fcf1ff;
--color-sweet-lucid-dreams-100: #f0e2f5;
--color-sweet-lucid-dreams-200: #decde5;
--color-sweet-lucid-dreams-300: #c3afcb;
--color-sweet-lucid-dreams-400: #ab95b6;
--color-sweet-lucid-dreams-500: #947ba0;
--color-sweet-lucid-dreams-600: #7d6888;
--color-sweet-lucid-dreams-700: #64536d;
--color-sweet-lucid-dreams-800: #493d51;
--color-sweet-lucid-dreams-900: #332a38;
--color-sweet-lucid-dreams-950: #1e1723;
}SCSS
$sweet-lucid-dreams: #cdb5d9;
$sweet-lucid-dreams-rgb: 205, 181, 217;
$sweet-lucid-dreams-light: mix(#fff, $sweet-lucid-dreams, 20%);
$sweet-lucid-dreams-dark: mix(#000, $sweet-lucid-dreams, 20%);
.element {
color: $sweet-lucid-dreams;
box-shadow: 0 0 0 2px rgba($sweet-lucid-dreams, 0.35);
}