Màu có tên gần nhất · #AC94F5
#AC94F5
Màu có tên gần nhất: Dreamy Candy Forest
#AC94F5 (rgb(172 148 245), hsl(255 83% 77%), oklch(0.727 0.139 294)) 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.
#AC94F5
oklch(0.727 0.139 294)
Chuyển đổi màu
- HEX
- #ac94f5
- RGB
- rgb(172 148 245)
- HSL
- hsl(255 83% 77%)
- HWB
- hwb(255 58% 4%)
- OKLCH
- oklch(0.727 0.139 294)
- OKLab
- oklab(0.727 0.057 -0.127)
- CIE Lab
- lab(66.48 24.88 -45.91)
- LCH
- lch(66.48 52.22 298.5)
- CMYK
- cmyk(30% 40% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B49FF7
- BCAAF8
- C4B5FA
- CCBFFB
- D4CAFC
- DCD5FD
- E5DFFE
- EDEAFE
- F6F4FF
Sắc đậm
- 9580D5
- 7F6DB6
- 695A98
- 54487B
- 40365F
- 2D2644
- 1B162B
- 0B0815
- 010103
Sắc xám
- A792E9
- A391DD
- 9E8FD2
- 9A8DC6
- 958BBA
- 9189AF
- 8C87A3
- 888597
- 84828C
Hòa sắc
Bổ túc +180°
- AC94F5
Dreamy Candy Forest
- A6B03A
≈ Elysian Green
Tương đồng -30° +30°
- AC94F5
Dreamy Candy Forest
- 7AA4FE
≈ Fennel Flower
- D187D8
≈ Blush Essence
Bộ ba +120° +240°
- AC94F5
Dreamy Candy Forest
- E98C4A
≈ Acapulco Sun
- 00C2A0
≈ First Post
Bổ túc chia +150° +210°
- AC94F5
Dreamy Candy Forest
- D09E25
≈ Herald’s Trumpet
- 6CBD6C
≈ Dublin
Bộ bốn +90° +180° +270°
- AC94F5
Dreamy Candy Forest
- F2817B
≈ Jinza Safflower
- A6B03A
≈ Elysian Green
- 00BDCA
≈ Panorama Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.52:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.30:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
CSS
:root {
--dreamy-candy-forest: #ac94f5;
--dreamy-candy-forest-rgb: 172 148 245;
--dreamy-candy-forest-oklch: oklch(0.727 0.139 294);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(255 83% 77%);
border-color: oklch(0.727 0.139 294);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #ac94f5;
--color-dreamy-candy-forest-50: #f8eeff;
--color-dreamy-candy-forest-100: #ebdfff;
--color-dreamy-candy-forest-200: #d9c9ff;
--color-dreamy-candy-forest-300: #bea9f7;
--color-dreamy-candy-forest-400: #a38de8;
--color-dreamy-candy-forest-500: #8d70d8;
--color-dreamy-candy-forest-600: #775fb6;
--color-dreamy-candy-forest-700: #5f4c93;
--color-dreamy-candy-forest-800: #44386e;
--color-dreamy-candy-forest-900: #2f264d;
--color-dreamy-candy-forest-950: #1c1433;
}SCSS
$dreamy-candy-forest: #ac94f5;
$dreamy-candy-forest-rgb: 172, 148, 245;
$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);
}