Adlandırılmış renk · #CDBFC6
Elusive Dream
Elusive Dream, #CDBFC6: rgb(205 191 198), hsl(330 12% 78%), oklch(0.818 0.018 345.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Elusive Dream color name →
#CDBFC6
oklch(0.818 0.018 345.7)
Renk dönüşümleri
- HEX
- #cdbfc6
- RGB
- rgb(205 191 198)
- HSL
- hsl(330 12% 78%)
- HWB
- hwb(330 75% 20%)
- OKLCH
- oklch(0.818 0.018 345.7)
- OKLab
- oklab(0.818 0.018 -0.005)
- CIE Lab
- lab(78.67 6.02 -1.66)
- LCH
- lch(78.67 6.24 344.5)
- CMYK
- cmyk(0% 7% 3% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2C5CC
- D7CCD1
- DCD2D7
- E1D8DC
- E6DFE2
- EBE5E8
- F0EBEE
- F5F2F3
- FAF8F9
Koyu tonlar
- B2A6AC
- 988D92
- 7E757A
- 665E62
- 4E484B
- 383335
- 231F21
- 0F0D0E
- 020202
Gri tonlar
- C5B9BF
- BDB2B8
- B5ACB0
- ADA5A9
- A69FA2
- 9E999B
- 969294
- 8F8C8E
- 878687
Renk uyumları
Tamamlayıcı +180°
- CDBFC6
Elusive Dream
- B9C8C1
≈ Powder Ash
Analog -30° +30°
- CDBFC6
Elusive Dream
- C8C0CC
≈ Clary Sage
- CFBFBF
≈ Dusky Violet
Üçlü +120° +240°
- CDBFC6
Elusive Dream
- C5C4B7
≈ Swiss Livery
- B8C6CD
≈ Silver Strand
Bölünmüş tamamlayıcı +150° +210°
- CDBFC6
Elusive Dream
- BEC6BB
≈ Contemplation
- B7C7C7
≈ Misty Surf
Dörtlü +90° +180° +270°
- CDBFC6
Elusive Dream
- CBC2B7
≈ Heritage Grey
- B9C8C1
≈ Powder Ash
- BCC4D0
≈ Blue Dolphin
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.86:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--elusive-dream: #cdbfc6;
--elusive-dream-rgb: 205 191 198;
--elusive-dream-oklch: oklch(0.818 0.018 345.7);
}
.element {
color: var(--elusive-dream);
background-color: hsl(330 12% 78%);
border-color: oklch(0.818 0.018 345.7);
}Tailwind CSS v4
@theme {
--color-elusive-dream: #cdbfc6;
--color-elusive-dream-50: #f9f3f6;
--color-elusive-dream-100: #ede5e9;
--color-elusive-dream-200: #dbd1d5;
--color-elusive-dream-300: #bfb4b9;
--color-elusive-dream-400: #a79aa1;
--color-elusive-dream-500: #908189;
--color-elusive-dream-600: #7a6e74;
--color-elusive-dream-700: #61585d;
--color-elusive-dream-800: #474044;
--color-elusive-dream-900: #312c2f;
--color-elusive-dream-950: #1d191b;
}SCSS
$elusive-dream: #cdbfc6;
$elusive-dream-rgb: 205, 191, 198;
$elusive-dream-light: mix(#fff, $elusive-dream, 20%);
$elusive-dream-dark: mix(#000, $elusive-dream, 20%);
.element {
color: $elusive-dream;
box-shadow: 0 0 0 2px rgba($elusive-dream, 0.35);
}