Màu có tên gần nhất · #B18EFF
#B18EFF
Màu có tên gần nhất: Dreamy Candy Forest
#B18EFF (rgb(177 142 255), hsl(259 100% 78%), oklch(0.726 0.162 296.4)) gần nhất với màu có tên Dreamy Candy Forest. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#B18EFF
oklch(0.726 0.162 296.4)
Chuyển đổi màu
- HEX
- #b18eff
- RGB
- rgb(177 142 255)
- HSL
- hsl(259 100% 78%)
- HWB
- hwb(259 56% 0%)
- OKLCH
- oklch(0.726 0.162 296.4)
- OKLab
- oklab(0.726 0.072 -0.145)
- CIE Lab
- lab(65.93 31.48 -52.17)
- LCH
- lch(65.93 60.93 301.1)
- CMYK
- cmyk(31% 44% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B89AFF
- C0A6FF
- C7B1FF
- CFBCFF
- D6C8FF
- DED3FF
- E6DEFF
- EEE9FF
- F7F4FF
Sắc đậm
- 997BDE
- 8368BE
- 6C569E
- 574480
- 423463
- 2F2448
- 1C152E
- 0C0716
- 010103
Sắc xám
- AC8DF2
- A78CE5
- A18BD9
- 9C8ACC
- 9789BF
- 9387B3
- 8E86A6
- 898499
- 85828D
Hòa sắc
Bổ túc +180°
- B18EFF
Dreamy Candy Forest
- A1B215
≈ Tree Frog
Tương đồng -30° +30°
- B18EFF
Dreamy Candy Forest
- 7DA2FF
≈ Fennel Flower
- DA7FDC
≈ Hibiscus Pop
Bộ ba +120° +240°
- B18EFF
Dreamy Candy Forest
- F18729
≈ Creole Sauce
- 00C1A4
≈ Turquoise
Bổ túc chia +150° +210°
- B18EFF
Dreamy Candy Forest
- CF9E00
≈ Lepton Gold
- 57C165
≈ Emerald Cory
Bộ bốn +90° +180° +270°
- B18EFF
Dreamy Candy Forest
- FC796E
≈ Salmon
- A1B215
≈ Tree Frog
- 00BCCD
≈ Holiday Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.56:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.18:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--dreamy-candy-forest: #b18eff;
--dreamy-candy-forest-rgb: 177 142 255;
--dreamy-candy-forest-oklch: oklch(0.726 0.162 296.4);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(259 100% 78%);
border-color: oklch(0.726 0.162 296.4);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #b18eff;
--color-dreamy-candy-forest-50: #fbecff;
--color-dreamy-candy-forest-100: #eeddff;
--color-dreamy-candy-forest-200: #ddc5ff;
--color-dreamy-candy-forest-300: #c2a4ff;
--color-dreamy-candy-forest-400: #a888f2;
--color-dreamy-candy-forest-500: #9269e3;
--color-dreamy-candy-forest-600: #7c5abf;
--color-dreamy-candy-forest-700: #63489a;
--color-dreamy-candy-forest-800: #473474;
--color-dreamy-candy-forest-900: #312452;
--color-dreamy-candy-forest-950: #1d1237;
}SCSS
$dreamy-candy-forest: #b18eff;
$dreamy-candy-forest-rgb: 177, 142, 255;
$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);
}