Màu có tên gần nhất · #8462FD
#8462FD
Màu có tên gần nhất: Candy Grape Fizz
#8462FD (rgb(132 98 253), hsl(253 97% 69%), oklch(0.613 0.22 288.2)) gần nhất với màu có tên Candy Grape Fizz. 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.
#8462FD
oklch(0.613 0.22 288.2)
Chuyển đổi màu
- HEX
- #8462fd
- RGB
- rgb(132 98 253)
- HSL
- hsl(253 97% 69%)
- HWB
- hwb(253 38% 1%)
- OKLCH
- oklch(0.613 0.22 288.2)
- OKLab
- oklab(0.613 0.069 -0.209)
- CIE Lab
- lab(51.66 42.66 -74.15)
- LCH
- lch(51.66 85.55 299.9)
- CMYK
- cmyk(48% 61% 0% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8E74FF
- 9985FF
- A495FF
- B0A5FF
- BCB4FF
- C9C4FF
- D6D3FF
- E3E1FF
- F1F0FF
Sắc đậm
- 7254DC
- 6047BC
- 4F3A9D
- 3F2D7F
- 2F2162
- 201647
- 120B2D
- 060316
- 010003
Sắc xám
- 8367F1
- 826CE5
- 8170D8
- 8074CC
- 8077C0
- 7F79B4
- 7F7BA7
- 7F7D9A
- 807F8D
Hòa sắc
Bổ túc +180°
- 8462FD
Candy Grape Fizz
- 8C8900
≈ Palak Paneer
Tương đồng -30° +30°
- 8462FD
Candy Grape Fizz
- 1E7EFF
≈ Azure
- B84AD7
≈ Ultraviolet Onsible
Bộ ba +120° +240°
- 8462FD
Candy Grape Fizz
- D05D00
≈ Exuberance
- 009B76
≈ Golf Green
Bổ túc chia +150° +210°
- 8462FD
Candy Grape Fizz
- AD7900
≈ Brown Butter
- 3D9D00
≈ Grassy Green
Bộ bốn +90° +180° +270°
- 8462FD
Candy Grape Fizz
- EA2E4F
≈ Che Guevara Red
- 8C8900
≈ Palak Paneer
- 00979B
≈ Sea Fantasy
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.08:1 · APCA Lc 68
Ag
AATrên nền đen
WCAG 5.14:1 · APCA Lc 34
Màu chữ tốt nhất: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Đoạn mã
CSS
:root {
--candy-grape-fizz: #8462fd;
--candy-grape-fizz-rgb: 132 98 253;
--candy-grape-fizz-oklch: oklch(0.613 0.22 288.2);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(253 97% 69%);
border-color: oklch(0.613 0.22 288.2);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #8462fd;
--color-candy-grape-fizz-50: #f4ebff;
--color-candy-grape-fizz-100: #e7dcff;
--color-candy-grape-fizz-200: #d3c3ff;
--color-candy-grape-fizz-300: #b8a0ff;
--color-candy-grape-fizz-400: #9d81ff;
--color-candy-grape-fizz-500: #875eff;
--color-candy-grape-fizz-600: #7250e1;
--color-candy-grape-fizz-700: #5b40b5;
--color-candy-grape-fizz-800: #402f89;
--color-candy-grape-fizz-900: #2c2061;
--color-candy-grape-fizz-950: #1a0e43;
}SCSS
$candy-grape-fizz: #8462fd;
$candy-grape-fizz-rgb: 132, 98, 253;
$candy-grape-fizz-light: mix(#fff, $candy-grape-fizz, 20%);
$candy-grape-fizz-dark: mix(#000, $candy-grape-fizz, 20%);
.element {
color: $candy-grape-fizz;
box-shadow: 0 0 0 2px rgba($candy-grape-fizz, 0.35);
}