Warna bernama terdekat · #AD89E7
#AD89E7
Warna bernama terdekat: Dreamy Candy Forest
#AD89E7 (rgb(173 137 231), hsl(263 66% 72%), oklch(0.701 0.138 300.5)) paling mendekati warna bernama Dreamy Candy Forest. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#AD89E7
oklch(0.701 0.138 300.5)
Konversi warna
- HEX
- #ad89e7
- RGB
- rgb(173 137 231)
- HSL
- hsl(263 66% 72%)
- HWB
- hwb(263 54% 9%)
- OKLCH
- oklch(0.701 0.138 300.5)
- OKLab
- oklab(0.701 0.07 -0.119)
- CIE Lab
- lab(63.41 28.41 -43.02)
- LCH
- lch(63.41 51.56 303.4)
- CMYK
- cmyk(25% 41% 0% 9%)
Tint · Shade · Tone
Tint
- B595EA
- BDA1ED
- C5ADF0
- CDB8F2
- D5C4F5
- DDD0F7
- E5DCF9
- EEE7FB
- F6F3FD
Shade
- 9676C9
- 7F64AB
- 6A538F
- 554273
- 413159
- 2D2240
- 1B1428
- 0B0713
- 010103
Tone
- A889DD
- A488D2
- 9F88C8
- 9A87BE
- 9686B4
- 9185A9
- 8D849F
- 898395
- 84818A
Harmoni warna
Komplementer +180°
- AD89E7
Dreamy Candy Forest
- 93AB3D
≈ Googolplex
Analog -30° +30°
- AD89E7
Dreamy Candy Forest
- 7E98F4
≈ Periwinkle Blue
- CF7DC7
≈ Purple Kush
Triadik +120° +240°
- AD89E7
Dreamy Candy Forest
- DC8838
≈ Kanafeh
- 00B8A2
≈ Aare River
Split-komplementer +150° +210°
- AD89E7
Dreamy Candy Forest
- BF9A17
≈ Rapeseed
- 55B670
≈ Lawn Party
Tetradik +90° +180° +270°
- AD89E7
Dreamy Candy Forest
- E87B69
≈ Cool Lava
- 93AB3D
≈ Googolplex
- 00B2C9
≈ Antigua Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.50:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--dreamy-candy-forest: #ad89e7;
--dreamy-candy-forest-rgb: 173 137 231;
--dreamy-candy-forest-oklch: oklch(0.701 0.138 300.5);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(263 66% 72%);
border-color: oklch(0.701 0.138 300.5);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #ad89e7;
--color-dreamy-candy-forest-50: #fdecff;
--color-dreamy-candy-forest-100: #f1deff;
--color-dreamy-candy-forest-200: #dfc7ff;
--color-dreamy-candy-forest-300: #c5a6f2;
--color-dreamy-candy-forest-400: #ac8ae3;
--color-dreamy-candy-forest-500: #966dd3;
--color-dreamy-candy-forest-600: #7f5db2;
--color-dreamy-candy-forest-700: #654a8f;
--color-dreamy-candy-forest-800: #49366b;
--color-dreamy-candy-forest-900: #33254b;
--color-dreamy-candy-forest-950: #1e1332;
}SCSS
$dreamy-candy-forest: #ad89e7;
$dreamy-candy-forest-rgb: 173, 137, 231;
$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);
}