Màu có tên gần nhất · #BB8EE6
#BB8EE6
Màu có tên gần nhất: Dreamy Candy Forest
#BB8EE6 (rgb(187 142 230), hsl(271 64% 73%), oklch(0.722 0.132 306.9)) 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.
#BB8EE6
oklch(0.722 0.132 306.9)
Chuyển đổi màu
- HEX
- #bb8ee6
- RGB
- rgb(187 142 230)
- HSL
- hsl(271 64% 73%)
- HWB
- hwb(271 56% 10%)
- OKLCH
- oklch(0.722 0.132 306.9)
- OKLab
- oklab(0.722 0.079 -0.106)
- CIE Lab
- lab(65.94 30.02 -38.4)
- LCH
- lch(65.94 48.74 308)
- CMYK
- cmyk(19% 38% 0% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C299E9
- C8A5EC
- CFB0EF
- D6BBF2
- DDC7F4
- E3D2F7
- EADDF9
- F1E8FB
- F8F4FD
Sắc đậm
- A27BC8
- 8A68AB
- 73568E
- 5C4473
- 463459
- 322440
- 1F1528
- 0D0713
- 020103
Sắc xám
- B58DDC
- AF8CD1
- A98BC7
- A38ABD
- 9D88B3
- 9787A9
- 91859E
- 8C8494
- 86828A
Hòa sắc
Bổ túc +180°
- BB8EE6
Dreamy Candy Forest
- 8FB453
≈ Usumoegi Green
Tương đồng -30° +30°
- BB8EE6
Dreamy Candy Forest
- 919CF7
≈ Periwinkle Blue
- D983C4
≈ Pink Punk
Bộ ba +120° +240°
- BB8EE6
Dreamy Candy Forest
- DC933E
≈ Angel Shark
- 00BEB2
≈ Turquoise Topaz
Bổ túc chia +150° +210°
- BB8EE6
Dreamy Candy Forest
- BDA531
≈ Pickle Juice
- 52BE83
≈ Heart Chakra
Bộ bốn +90° +180° +270°
- BB8EE6
Dreamy Candy Forest
- EB8568
≈ Peachy Feeling
- 8FB453
≈ Usumoegi Green
- 00B8DA
≈ Maldives
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.58:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.12:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--dreamy-candy-forest: #bb8ee6;
--dreamy-candy-forest-rgb: 187 142 230;
--dreamy-candy-forest-oklch: oklch(0.722 0.132 306.9);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(271 64% 73%);
border-color: oklch(0.722 0.132 306.9);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #bb8ee6;
--color-dreamy-candy-forest-50: #ffecff;
--color-dreamy-candy-forest-100: #f5ddff;
--color-dreamy-candy-forest-200: #e5c5ff;
--color-dreamy-candy-forest-300: #cba5eb;
--color-dreamy-candy-forest-400: #b389db;
--color-dreamy-candy-forest-500: #9d6cca;
--color-dreamy-candy-forest-600: #855baa;
--color-dreamy-candy-forest-700: #6a4989;
--color-dreamy-candy-forest-800: #4d3567;
--color-dreamy-candy-forest-900: #362448;
--color-dreamy-candy-forest-950: #21132f;
}SCSS
$dreamy-candy-forest: #bb8ee6;
$dreamy-candy-forest-rgb: 187, 142, 230;
$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);
}