Màu có tên gần nhất · #B68FE0
#B68FE0
Màu có tên gần nhất: Dreamy Candy Forest
#B68FE0 (rgb(182 143 224), hsl(269 57% 72%), oklch(0.717 0.122 305.7)) 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.
#B68FE0
oklch(0.717 0.122 305.7)
Chuyển đổi màu
- HEX
- #b68fe0
- RGB
- rgb(182 143 224)
- HSL
- hsl(269 57% 72%)
- HWB
- hwb(269 56% 12%)
- OKLCH
- oklch(0.717 0.122 305.7)
- OKLab
- oklab(0.717 0.071 -0.099)
- CIE Lab
- lab(65.45 26.85 -35.9)
- LCH
- lch(65.45 44.83 306.8)
- CMYK
- cmyk(19% 36% 0% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BD9AE4
- C4A5E7
- CBB1EA
- D3BCEE
- DAC7F1
- E1D2F4
- E9DDF7
- F0E8FA
- F7F4FC
Sắc đậm
- 9E7CC3
- 8669A6
- 6F578A
- 594570
- 443456
- 30243E
- 1D1527
- 0C0712
- 020102
Sắc xám
- B08ED6
- AB8DCD
- A58BC3
- A08AB9
- 9B88B0
- 9587A6
- 90859D
- 8B8493
- 85828A
Hòa sắc
Bổ túc +180°
- B68FE0
Dreamy Candy Forest
- 91B158
≈ Usumoegi Green
Tương đồng -30° +30°
- B68FE0
Dreamy Candy Forest
- 8E9CEF
≈ Periwinkle Blue
- D385C1
≈ Pink Punk
Bộ ba +120° +240°
- B68FE0
Dreamy Candy Forest
- D79349
≈ Salt Caramel
- 1CBCAE
≈ Turquoise Topaz
Bổ túc chia +150° +210°
- B68FE0
Dreamy Candy Forest
- BBA33E
≈ Sea Squash
- 5CBA83
≈ Green Garter
Bộ bốn +90° +180° +270°
- B68FE0
Dreamy Candy Forest
- E5866E
≈ Guava Jam
- 91B158
≈ Usumoegi Green
- 20B6D3
≈ Ocean Sigh
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.62:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 7.99:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
CSS
:root {
--dreamy-candy-forest: #b68fe0;
--dreamy-candy-forest-rgb: 182 143 224;
--dreamy-candy-forest-oklch: oklch(0.717 0.122 305.7);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(269 57% 72%);
border-color: oklch(0.717 0.122 305.7);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #b68fe0;
--color-dreamy-candy-forest-50: #ffedff;
--color-dreamy-candy-forest-100: #f3deff;
--color-dreamy-candy-forest-200: #e2c7fd;
--color-dreamy-candy-forest-300: #c8a7e8;
--color-dreamy-candy-forest-400: #b08bd8;
--color-dreamy-candy-forest-500: #9a6fc6;
--color-dreamy-candy-forest-600: #825ea7;
--color-dreamy-candy-forest-700: #684b86;
--color-dreamy-candy-forest-800: #4b3764;
--color-dreamy-candy-forest-900: #342547;
--color-dreamy-candy-forest-950: #20142e;
}SCSS
$dreamy-candy-forest: #b68fe0;
$dreamy-candy-forest-rgb: 182, 143, 224;
$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);
}