Màu có tên gần nhất · #594BFF
#594BFF
Màu có tên gần nhất: Candy Grape Fizz
#594BFF (rgb(89 75 255), hsl(245 100% 65%), oklch(0.548 0.254 277.4)) 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.
#594BFF
oklch(0.548 0.254 277.4)
Chuyển đổi màu
- HEX
- #594bff
- RGB
- rgb(89 75 255)
- HSL
- hsl(245 100% 65%)
- HWB
- hwb(245 29% 0%)
- OKLCH
- oklch(0.548 0.254 277.4)
- OKLab
- oklab(0.548 0.033 -0.251)
- CIE Lab
- lab(43.25 47.19 -89.16)
- LCH
- lch(43.25 100.88 297.9)
- CMYK
- cmyk(65% 71% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6563FF
- 7277FF
- 818AFF
- 919CFF
- A2ADFF
- B3BEFF
- C6CEFF
- D8DFFF
- EBEFFF
Sắc đậm
- 4C40DE
- 4035BE
- 342B9E
- 282180
- 1D1763
- 130E48
- 09062E
- 030216
- 000003
Sắc xám
- 5B55F3
- 5D5DE7
- 6064DB
- 636ACE
- 676FC2
- 6C74B5
- 7077A9
- 757B9C
- 7B7E8E
Hòa sắc
Bổ túc +180°
- 594BFF
Candy Grape Fizz
- 837100
≈ Sunlit Kelp Green
Tương đồng -30° +30°
- 594BFF
Candy Grape Fizz
- 0075C0
≈ Ocean Boat Blue
- 9928E0
≈ Violet
Bộ ba +120° +240°
- 594BFF
Candy Grape Fizz
- C33A00
≈ Mahogany
- 008752
≈ Pixel Nature
Bổ túc chia +150° +210°
- 594BFF
Candy Grape Fizz
- 9F6100
≈ Raw Sienna
- 5A7F00
≈ Avocado
Bộ bốn +90° +180° +270°
- 594BFF
Candy Grape Fizz
- CF005A
≈ Rubine Red
- 837100
≈ Sunlit Kelp Green
- 00837B
≈ Egyptian Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.41:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.87:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--candy-grape-fizz: #594bff;
--candy-grape-fizz-rgb: 89 75 255;
--candy-grape-fizz-oklch: oklch(0.548 0.254 277.4);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(245 100% 65%);
border-color: oklch(0.548 0.254 277.4);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #594bff;
--color-candy-grape-fizz-50: #e6eeff;
--color-candy-grape-fizz-100: #d6dfff;
--color-candy-grape-fizz-200: #bfc7ff;
--color-candy-grape-fizz-300: #a0a4ff;
--color-candy-grape-fizz-400: #8083ff;
--color-candy-grape-fizz-500: #6a5dff;
--color-candy-grape-fizz-600: #5950f9;
--color-candy-grape-fizz-700: #4740c8;
--color-candy-grape-fizz-800: #302f97;
--color-candy-grape-fizz-900: #20206b;
--color-candy-grape-fizz-950: #110d4b;
}SCSS
$candy-grape-fizz: #594bff;
$candy-grape-fizz-rgb: 89, 75, 255;
$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);
}