Màu có tên gần nhất · #601C70
#601C70
Màu có tên gần nhất: Elegant Purple Gown
#601C70 (rgb(96 28 112), hsl(289 60% 27%), oklch(0.374 0.146 319.2)) gần nhất với màu có tên Elegant Purple Gown. 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.
#601C70
oklch(0.374 0.146 319.2)
Chuyển đổi màu
- HEX
- #601c70
- RGB
- rgb(96 28 112)
- HSL
- hsl(289 60% 27%)
- HWB
- hwb(289 11% 56%)
- OKLCH
- oklch(0.374 0.146 319.2)
- OKLab
- oklab(0.374 0.11 -0.095)
- CIE Lab
- lab(25.01 40.1 -34.03)
- LCH
- lch(25.01 52.59 319.7)
- CMYK
- cmyk(14% 75% 0% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 70357E
- 7F4B8D
- 8F619B
- 9F76A9
- AE8CB7
- BEA3C6
- CEB9D4
- DED0E2
- EFE7F1
Sắc đậm
- 521760
- 451251
- 380D43
- 2C0835
- 200527
- 15021A
- 0A010E
- 030004
- 000001
Sắc xám
- 642972
- 673474
- 6B3F76
- 6E4878
- 72527A
- 755B7B
- 78657D
- 7B6E7E
- 7D777F
Hòa sắc
Bổ túc +180°
- 601C70
Elegant Purple Gown
- 174F00
≈ Malachite Green
Tương đồng -30° +30°
- 601C70
Elegant Purple Gown
- 422B87
≈ Galactic Civilization
- 730D4C
≈ Lucky Wine
Bộ ba +120° +240°
- 601C70
Elegant Purple Gown
- 563B00
≈ Pineapple
- 004B4E
≈ Sherpa Blue
Bổ túc chia +150° +210°
- 601C70
Elegant Purple Gown
- 444400
≈ Green Not Found
- 004D3A
≈ Raspberry Leaf Green
Bộ bốn +90° +180° +270°
- 601C70
Elegant Purple Gown
- 692D00
≈ Cold Press Coffee
- 174F00
≈ Malachite Green
- 004860
≈ Stegadon Scale Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.06:1 · APCA Lc 95
Ag
FailTrên nền đen
WCAG 1.89:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 11.06:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--elegant-purple-gown: #601c70;
--elegant-purple-gown-rgb: 96 28 112;
--elegant-purple-gown-oklch: oklch(0.374 0.146 319.2);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(289 60% 27%);
border-color: oklch(0.374 0.146 319.2);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #601c70;
--color-elegant-purple-gown-50: #ffe8ff;
--color-elegant-purple-gown-100: #ffd9ff;
--color-elegant-purple-gown-200: #f2c0fa;
--color-elegant-purple-gown-300: #da9ee5;
--color-elegant-purple-gown-400: #c381d4;
--color-elegant-purple-gown-500: #af62c2;
--color-elegant-purple-gown-600: #9453a4;
--color-elegant-purple-gown-700: #764284;
--color-elegant-purple-gown-800: #563063;
--color-elegant-purple-gown-900: #3c2146;
--color-elegant-purple-gown-950: #26102d;
}SCSS
$elegant-purple-gown: #601c70;
$elegant-purple-gown-rgb: 96, 28, 112;
$elegant-purple-gown-light: mix(#fff, $elegant-purple-gown, 20%);
$elegant-purple-gown-dark: mix(#000, $elegant-purple-gown, 20%);
.element {
color: $elegant-purple-gown;
box-shadow: 0 0 0 2px rgba($elegant-purple-gown, 0.35);
}