Màu có tên gần nhất · #923388
#923388
Màu có tên gần nhất: Purple Excellency
#923388 (rgb(146 51 136), hsl(306 48% 39%), oklch(0.489 0.163 332.2)) gần nhất với màu có tên Purple Excellency. 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.
#923388
oklch(0.489 0.163 332.2)
Chuyển đổi màu
- HEX
- #923388
- RGB
- rgb(146 51 136)
- HSL
- hsl(306 48% 39%)
- HWB
- hwb(306 20% 43%)
- OKLCH
- oklch(0.489 0.163 332.2)
- OKLab
- oklab(0.489 0.144 -0.076)
- CIE Lab
- lab(38.31 48.09 -27.44)
- LCH
- lch(38.31 55.37 330.3)
- CMYK
- cmyk(0% 65% 7% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9E4994
- AA5EA0
- B572AB
- C186B7
- CB99C3
- D6ADCF
- E1C2DB
- EBD6E7
- F5EAF3
Sắc đậm
- 7E2B75
- 6B2363
- 581C52
- 461441
- 350D31
- 250722
- 160313
- 080106
- 010001
Sắc xám
- 913D88
- 904687
- 8F4F86
- 8E5686
- 8C5E85
- 8A6584
- 886C83
- 867382
- 837981
Hòa sắc
Bổ túc +180°
- 923388
Purple Excellency
- 007439
≈ Hawaiian Ti Leaf
Tương đồng -30° +30°
- 923388
Purple Excellency
- 7342AB
≈ Shiner
- A52959
≈ Parlour Red
Bộ ba +120° +240°
- 923388
Purple Excellency
- 745E00
≈ Hot Mustard
- 006D7C
≈ Coastal Jetty
Bổ túc chia +150° +210°
- 923388
Purple Excellency
- 556A00
≈ Serrano Pepper
- 007064
≈ Falcon Turquoise
Bộ bốn +90° +180° +270°
- 923388
Purple Excellency
- 8C4F00
≈ Plain Old Brown
- 007439
≈ Hawaiian Ti Leaf
- 00669C
≈ Impulse Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.88:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.05:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.88:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--purple-excellency: #923388;
--purple-excellency-rgb: 146 51 136;
--purple-excellency-oklch: oklch(0.489 0.163 332.2);
}
.element {
color: var(--purple-excellency);
background-color: hsl(306 48% 39%);
border-color: oklch(0.489 0.163 332.2);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #923388;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4ff;
--color-purple-excellency-200: #ffbaf1;
--color-purple-excellency-300: #ea97da;
--color-purple-excellency-400: #d577c9;
--color-purple-excellency-500: #c155b5;
--color-purple-excellency-600: #a34999;
--color-purple-excellency-700: #833a7b;
--color-purple-excellency-800: #602a5d;
--color-purple-excellency-900: #441c41;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #923388;
$purple-excellency-rgb: 146, 51, 136;
$purple-excellency-light: mix(#fff, $purple-excellency, 20%);
$purple-excellency-dark: mix(#000, $purple-excellency, 20%);
.element {
color: $purple-excellency;
box-shadow: 0 0 0 2px rgba($purple-excellency, 0.35);
}