Màu có tên gần nhất · #511483
#511483
Màu có tên gần nhất: Occult
#511483 (rgb(81 20 131), hsl(273 74% 30%), oklch(0.361 0.168 303.3)) gần nhất với màu có tên Occult. 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.
#511483
oklch(0.361 0.168 303.3)
Chuyển đổi màu
- HEX
- #511483
- RGB
- rgb(81 20 131)
- HSL
- hsl(273 74% 30%)
- HWB
- hwb(273 8% 49%)
- OKLCH
- oklch(0.361 0.168 303.3)
- OKLab
- oklab(0.361 0.092 -0.141)
- CIE Lab
- lab(22.68 42.88 -50)
- LCH
- lch(22.68 65.87 310.6)
- CMYK
- cmyk(38% 85% 0% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 603190
- 70499D
- 815FAA
- 9276B7
- A38CC3
- B5A2D0
- C7B9DC
- D9D0E8
- ECE7F3
Sắc đậm
- 451071
- 3A0C60
- 2F084F
- 24053F
- 1A032F
- 100120
- 070112
- 020006
- 000001
Sắc xám
- 552584
- 5A3284
- 5E3D85
- 634785
- 675185
- 6C5B84
- 716484
- 766E83
- 7B7782
Hòa sắc
Bổ túc +180°
- 511483
Occult
- 344400
≈ Garden Shadow
Tương đồng -30° +30°
- 511483
Occult
- 272993
≈ Gentian Blue
- 6A0060
≈ Divine Purple
Bộ ba +120° +240°
- 511483
Occult
- 5B3200
≈ Eyelash Camel
- 004841
≈ Tropical Forest
Bổ túc chia +150° +210°
- 511483
Occult
- 4A3C00
≈ Xanthophobia
- 004B25
≈ Pine Green
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.81:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.77:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.81:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--occult: #511483;
--occult-rgb: 81 20 131;
--occult-oklch: oklch(0.361 0.168 303.3);
}
.element {
color: var(--occult);
background-color: hsl(273 74% 30%);
border-color: oklch(0.361 0.168 303.3);
}Tailwind CSS v4
@theme {
--color-occult: #511483;
--color-occult-50: #ffeaff;
--color-occult-100: #f5daff;
--color-occult-200: #e5c2ff;
--color-occult-300: #cca0fc;
--color-occult-400: #b383ef;
--color-occult-500: #9e63e0;
--color-occult-600: #8655bd;
--color-occult-700: #6b4498;
--color-occult-800: #4d3172;
--color-occult-900: #362151;
--color-occult-950: #211036;
}SCSS
$occult: #511483;
$occult-rgb: 81, 20, 131;
$occult-light: mix(#fff, $occult, 20%);
$occult-dark: mix(#000, $occult, 20%);
.element {
color: $occult;
box-shadow: 0 0 0 2px rgba($occult, 0.35);
}