Màu có tên gần nhất · #925082
#925082
Màu có tên gần nhất: Grape Candy
#925082 (rgb(146 80 130), hsl(315 29% 44%), oklch(0.527 0.11 336.8)) gần nhất với màu có tên Grape Candy. 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.
#925082
oklch(0.527 0.11 336.8)
Chuyển đổi màu
- HEX
- #925082
- RGB
- rgb(146 80 130)
- HSL
- hsl(315 29% 44%)
- HWB
- hwb(315 31% 43%)
- OKLCH
- oklch(0.527 0.11 336.8)
- OKLab
- oklab(0.527 0.101 -0.043)
- CIE Lab
- lab(43.51 33.52 -15.8)
- LCH
- lch(43.51 37.06 334.8)
- CMYK
- cmyk(0% 45% 11% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9D618E
- A9729A
- B483A6
- BF94B3
- CAA5BF
- D5B7CC
- DFC9D8
- EADAE5
- F4EDF2
Sắc đậm
- 7E4470
- 6B395F
- 582E4E
- 46243E
- 351A2F
- 251020
- 160712
- 080206
- 010001
Sắc xám
- 915582
- 905B82
- 8E6082
- 8D6482
- 8B6981
- 896E81
- 877381
- 857781
- 837C80
Hòa sắc
Bổ túc +180°
- 925082
Grape Candy
- 247D50
≈ Canadian Pine
Tương đồng -30° +30°
- 925082
Grape Candy
- 7B589C
≈ Sonic Plum
- 9F4D60
≈ Cherry Berry
Bộ ba +120° +240°
- 925082
Grape Candy
- 7D6A00
≈ Arousing Alligator
- 00788E
≈ Bayou Serenade
Bổ túc chia +150° +210°
- 925082
Grape Candy
- 5A7628
≈ Luscious Lemongrass
- 007C73
≈ Romantic Isle
Bộ bốn +90° +180° +270°
- 925082
Grape Candy
- 945C12
≈ Sepia Wash
- 247D50
≈ Canadian Pine
- 2C6FA6
≈ Mega Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.68:1 · APCA Lc 78
Ag
FailTrên nền đen
WCAG 3.69:1 · APCA Lc 24
Màu chữ tốt nhất: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--grape-candy: #925082;
--grape-candy-rgb: 146 80 130;
--grape-candy-oklch: oklch(0.527 0.11 336.8);
}
.element {
color: var(--grape-candy);
background-color: hsl(315 29% 44%);
border-color: oklch(0.527 0.11 336.8);
}Tailwind CSS v4
@theme {
--color-grape-candy: #925082;
--color-grape-candy-50: #ffeaff;
--color-grape-candy-100: #ffdaf4;
--color-grape-candy-200: #f5c3e4;
--color-grape-candy-300: #dda2ca;
--color-grape-candy-400: #c885b6;
--color-grape-candy-500: #b368a1;
--color-grape-candy-600: #985888;
--color-grape-candy-700: #7a466d;
--color-grape-candy-800: #593352;
--color-grape-candy-900: #3f2339;
--color-grape-candy-950: #281223;
}SCSS
$grape-candy: #925082;
$grape-candy-rgb: 146, 80, 130;
$grape-candy-light: mix(#fff, $grape-candy, 20%);
$grape-candy-dark: mix(#000, $grape-candy, 20%);
.element {
color: $grape-candy;
box-shadow: 0 0 0 2px rgba($grape-candy, 0.35);
}