En yakın adlandırılmış renk · #AD8FD4
#AD8FD4
En yakın adlandırılmış renk: Dreamy Candy Forest
#AD8FD4 (rgb(173 143 212), hsl(266 45% 70%), oklch(0.703 0.104 303.8)) en çok Dreamy Candy Forest 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.
#AD8FD4
oklch(0.703 0.104 303.8)
Renk dönüşümleri
- HEX
- #ad8fd4
- RGB
- rgb(173 143 212)
- HSL
- hsl(266 45% 70%)
- HWB
- hwb(266 56% 17%)
- OKLCH
- oklch(0.703 0.104 303.8)
- OKLab
- oklab(0.703 0.058 -0.086)
- CIE Lab
- lab(64.14 21.83 -31.36)
- LCH
- lch(64.14 38.21 304.8)
- CMYK
- cmyk(18% 33% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B59AD9
- BDA5DD
- C5B0E2
- CDBBE6
- D5C6EB
- DDD2EF
- E6DDF3
- EEE8F7
- F7F4FB
Koyu tonlar
- 967CB8
- 7F699D
- 6A5783
- 554569
- 413451
- 2D243A
- 1B1524
- 0B0710
- 010102
Gri tonlar
- A88ECC
- A48CC3
- 9F8BBB
- 9B8AB2
- 9688AA
- 9287A2
- 8D8599
- 898391
- 848288
Renk uyumları
Tamamlayıcı +180°
- AD8FD4
Dreamy Candy Forest
- 92AA60
≈ Celuce
Analog -30° +30°
- AD8FD4
Dreamy Candy Forest
- 8B9AE0
≈ Portage
- C787BA
≈ Rock Star Pink
Üçlü +120° +240°
- AD8FD4
Dreamy Candy Forest
- CC9157
≈ Ginger Crisp
- 43B4A6
≈ Sacred Turquoise
Bölünmüş tamamlayıcı +150° +210°
- AD8FD4
Dreamy Candy Forest
- B59E4E
≈ Woollen Mittens
- 69B281
≈ Elf Shoe
Dörtlü +90° +180° +270°
- AD8FD4
Dreamy Candy Forest
- D88774
≈ Freckles
- 92AA60
≈ Celuce
- 40B0C6
≈ Viking
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.74:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.65:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.65:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--dreamy-candy-forest: #ad8fd4;
--dreamy-candy-forest-rgb: 173 143 212;
--dreamy-candy-forest-oklch: oklch(0.703 0.104 303.8);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(266 45% 70%);
border-color: oklch(0.703 0.104 303.8);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #ad8fd4;
--color-dreamy-candy-forest-50: #fceeff;
--color-dreamy-candy-forest-100: #f0e0ff;
--color-dreamy-candy-forest-200: #dfcaf8;
--color-dreamy-candy-forest-300: #c4aae2;
--color-dreamy-candy-forest-400: #ab8fd1;
--color-dreamy-candy-forest-500: #9574be;
--color-dreamy-candy-forest-600: #7e62a0;
--color-dreamy-candy-forest-700: #654f81;
--color-dreamy-candy-forest-800: #493960;
--color-dreamy-candy-forest-900: #332743;
--color-dreamy-candy-forest-950: #1e152c;
}SCSS
$dreamy-candy-forest: #ad8fd4;
$dreamy-candy-forest-rgb: 173, 143, 212;
$dreamy-candy-forest-light: mix(#fff, $dreamy-candy-forest, 20%);
$dreamy-candy-forest-dark: mix(#000, $dreamy-candy-forest, 20%);
.element {
color: $dreamy-candy-forest;
box-shadow: 0 0 0 2px rgba($dreamy-candy-forest, 0.35);
}