Màu có tên gần nhất · #4E1C65
#4E1C65
Màu có tên gần nhất: Elegant Purple Gown
#4E1C65 (rgb(78 28 101), hsl(281 57% 25%), oklch(0.34 0.127 313.1)) 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.
#4E1C65
oklch(0.34 0.127 313.1)
Chuyển đổi màu
- HEX
- #4e1c65
- RGB
- rgb(78 28 101)
- HSL
- hsl(281 57% 25%)
- HWB
- hwb(281 11% 60%)
- OKLCH
- oklch(0.34 0.127 313.1)
- OKLab
- oklab(0.34 0.087 -0.093)
- CIE Lab
- lab(21.27 33.34 -33.08)
- LCH
- lch(21.27 46.97 315.2)
- CMYK
- cmyk(23% 72% 0% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5E3374
- 6F4983
- 805E93
- 9174A2
- A38AB1
- B5A1C1
- C7B8D0
- D9CFE0
- ECE7EF
Sắc đậm
- 431757
- 381249
- 2D0D3C
- 23082F
- 190522
- 0F0217
- 07010C
- 020003
- 000000
Sắc xám
- 532868
- 58336B
- 5D3D6F
- 624671
- 675074
- 6C5A77
- 716379
- 766D7C
- 7B767E
Hòa sắc
Bổ túc +180°
- 4E1C65
Elegant Purple Gown
- 224200
≈ Forest Green
Tương đồng -30° +30°
- 4E1C65
Elegant Purple Gown
- 322876
≈ Deep Space Rodeo
- 601048
≈ Grape Purple
Bộ ba +120° +240°
- 4E1C65
Elegant Purple Gown
- 4E3100
≈ Kyoto House
- 004140
≈ Rich Black
Bổ túc chia +150° +210°
- 4E1C65
Elegant Purple Gown
- 3F3900
≈ Camouflage
- 00432D
≈ UP Forest Green
Bộ bốn +90° +180° +270°
- 4E1C65
Elegant Purple Gown
- 602100
≈ Raw Chocolate
- 224200
≈ Forest Green
- 003F50
≈ Maniac Mansion
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.51:1 · APCA Lc 98
Ag
FailTrên nền đen
WCAG 1.67:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.51:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--elegant-purple-gown: #4e1c65;
--elegant-purple-gown-rgb: 78 28 101;
--elegant-purple-gown-oklch: oklch(0.34 0.127 313.1);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(281 57% 25%);
border-color: oklch(0.34 0.127 313.1);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #4e1c65;
--color-elegant-purple-gown-50: #ffebff;
--color-elegant-purple-gown-100: #f8dcff;
--color-elegant-purple-gown-200: #e9c4fa;
--color-elegant-purple-gown-300: #d0a4e4;
--color-elegant-purple-gown-400: #b987d4;
--color-elegant-purple-gown-500: #a36ac1;
--color-elegant-purple-gown-600: #8a5aa3;
--color-elegant-purple-gown-700: #6f4883;
--color-elegant-purple-gown-800: #503462;
--color-elegant-purple-gown-900: #382445;
--color-elegant-purple-gown-950: #23122d;
}SCSS
$elegant-purple-gown: #4e1c65;
$elegant-purple-gown-rgb: 78, 28, 101;
$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);
}