Màu có tên gần nhất · #582465
#582465
Màu có tên gần nhất: Elegant Purple Gown
#582465 (rgb(88 36 101), hsl(288 47% 27%), oklch(0.365 0.119 319.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.
#582465
oklch(0.365 0.119 319.1)
Chuyển đổi màu
- HEX
- #582465
- RGB
- rgb(88 36 101)
- HSL
- hsl(288 47% 27%)
- HWB
- hwb(288 14% 60%)
- OKLCH
- oklch(0.365 0.119 319.1)
- OKLab
- oklab(0.365 0.09 -0.078)
- CIE Lab
- lab(24.4 32.4 -27.98)
- LCH
- lch(24.4 42.81 319.2)
- CMYK
- cmyk(13% 64% 0% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 683974
- 784E83
- 886392
- 9978A1
- A98EB1
- BAA3C0
- CBBAD0
- DCD0DF
- EEE8EF
Sắc đậm
- 4B1E57
- 3F1849
- 33123C
- 280C2F
- 1D0722
- 120417
- 09020C
- 030003
- 000000
Sắc xám
- 5C2E68
- 61386B
- 65416E
- 694A71
- 6D5374
- 715C76
- 756579
- 796E7B
- 7C777E
Hòa sắc
Bổ túc +180°
- 582465
Elegant Purple Gown
- 164B00
≈ Kabocha Green
Tương đồng -30° +30°
- 582465
Elegant Purple Gown
- 3F2F78
≈ Clear Purple
- 681B48
≈ Pompadour
Bộ ba +120° +240°
- 582465
Elegant Purple Gown
- 533900
≈ Pineapple
- 00484B
≈ Incubi Darkness
Bổ túc chia +150° +210°
- 582465
Elegant Purple Gown
- 424100
≈ Green Not Found
- 004A38
≈ County Green
Bộ bốn +90° +180° +270°
- 582465
Elegant Purple Gown
- 652B00
≈ Count Chocula
- 164B00
≈ Kabocha Green
- 00455C
≈ Loyal Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.31:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.85:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.31:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--elegant-purple-gown: #582465;
--elegant-purple-gown-rgb: 88 36 101;
--elegant-purple-gown-oklch: oklch(0.365 0.119 319.1);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(288 47% 27%);
border-color: oklch(0.365 0.119 319.1);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #582465;
--color-elegant-purple-gown-50: #ffebff;
--color-elegant-purple-gown-100: #fbdcff;
--color-elegant-purple-gown-200: #ecc4f4;
--color-elegant-purple-gown-300: #d4a3dd;
--color-elegant-purple-gown-400: #bd87cb;
--color-elegant-purple-gown-500: #a86ab8;
--color-elegant-purple-gown-600: #8e5a9b;
--color-elegant-purple-gown-700: #72487c;
--color-elegant-purple-gown-800: #53345d;
--color-elegant-purple-gown-900: #3a2441;
--color-elegant-purple-gown-950: #24122a;
}SCSS
$elegant-purple-gown: #582465;
$elegant-purple-gown-rgb: 88, 36, 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);
}