Màu có tên gần nhất · #552460
#552460
Màu có tên gần nhất: Elegant Purple Gown
#552460 (rgb(85 36 96), hsl(289 45% 26%), oklch(0.357 0.112 319.9)) 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.
#552460
oklch(0.357 0.112 319.9)
Chuyển đổi màu
- HEX
- #552460
- RGB
- rgb(85 36 96)
- HSL
- hsl(289 45% 26%)
- HWB
- hwb(289 14% 62%)
- OKLCH
- oklch(0.357 0.112 319.9)
- OKLab
- oklab(0.357 0.086 -0.072)
- CIE Lab
- lab(23.65 30.61 -25.94)
- LCH
- lch(23.65 40.12 319.7)
- CMYK
- cmyk(11% 63% 0% 62%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 65396F
- 754E7F
- 86628E
- 97779E
- A88DAE
- B9A3BE
- CAB9CE
- DBD0DE
- EDE7EE
Sắc đậm
- 491E52
- 3D1845
- 311238
- 260C2C
- 1C0720
- 110415
- 08020A
- 020003
- 000000
Sắc xám
- 5A2E64
- 5E3867
- 63416A
- 674A6E
- 6B5371
- 705C74
- 746577
- 786E7A
- 7C777D
Hòa sắc
Bổ túc +180°
- 552460
Elegant Purple Gown
- 134903
≈ Borg Queen
Tương đồng -30° +30°
- 552460
Elegant Purple Gown
- 3D2E72
≈ Her Highness
- 641C45
≈ Plum Caspia
Bộ ba +120° +240°
- 552460
Elegant Purple Gown
- 503700
≈ Eyelash Camel
- 004649
≈ Incubi Darkness
Bổ túc chia +150° +210°
- 552460
Elegant Purple Gown
- 3F3F00
≈ Dark Olive
- 004837
≈ UP Forest Green
Bộ bốn +90° +180° +270°
- 552460
Elegant Purple Gown
- 622A00
≈ Count Chocula
- 134903
≈ Borg Queen
- 00435A
≈ Loyal Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.61:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.80:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.61:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--elegant-purple-gown: #552460;
--elegant-purple-gown-rgb: 85 36 96;
--elegant-purple-gown-oklch: oklch(0.357 0.112 319.9);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(289 45% 26%);
border-color: oklch(0.357 0.112 319.9);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #552460;
--color-elegant-purple-gown-50: #ffebff;
--color-elegant-purple-gown-100: #fadcff;
--color-elegant-purple-gown-200: #ebc5f1;
--color-elegant-purple-gown-300: #d3a5da;
--color-elegant-purple-gown-400: #bc88c8;
--color-elegant-purple-gown-500: #a76cb4;
--color-elegant-purple-gown-600: #8d5c98;
--color-elegant-purple-gown-700: #71497a;
--color-elegant-purple-gown-800: #52355b;
--color-elegant-purple-gown-900: #392440;
--color-elegant-purple-gown-950: #241329;
}SCSS
$elegant-purple-gown: #552460;
$elegant-purple-gown-rgb: 85, 36, 96;
$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);
}