Màu có tên gần nhất · #93639D
#93639D
Màu có tên gần nhất: Crown Jewels
#93639D (rgb(147 99 157), hsl(290 23% 50%), oklch(0.572 0.102 320.5)) gần nhất với màu có tên Crown Jewels. 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.
#93639D
oklch(0.572 0.102 320.5)
Chuyển đổi màu
- HEX
- #93639d
- RGB
- rgb(147 99 157)
- HSL
- hsl(290 23% 50%)
- HWB
- hwb(290 39% 38%)
- OKLCH
- oklch(0.572 0.102 320.5)
- OKLab
- oklab(0.572 0.079 -0.065)
- CIE Lab
- lab(48.86 27.58 -23.74)
- LCH
- lch(48.86 36.39 319.3)
- CMYK
- cmyk(6% 37% 0% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9E72A7
- A881B1
- B390BA
- BEA0C4
- C9AFCE
- D3BFD8
- DECFE1
- E9DFEB
- F4EFF5
Sắc đậm
- 7F5588
- 6C4773
- 593A5F
- 472E4C
- 36213A
- 251628
- 160B18
- 080309
- 010001
Sắc xám
- 91669A
- 906998
- 8E6D95
- 8C7092
- 8A728F
- 88758C
- 867889
- 847B86
- 827D83
Hòa sắc
Bổ túc +180°
- 93639D
Crown Jewels
- 55874C
≈ Shepherd’s Green
Tương đồng -30° +30°
- 93639D
Crown Jewels
- 786DB0
≈ Clear Mauve
- A55D80
≈ Beryl Red
Bộ ba +120° +240°
- 93639D
Crown Jewels
- 977125
≈ Mode Beige
- 00898F
≈ India Blue
Bổ túc chia +150° +210°
- 93639D
Crown Jewels
- 7B7D2D
≈ Ripe Green
- 228B6F
≈ Elf
Bộ bốn +90° +180° +270°
- 93639D
Crown Jewels
- A8653D
≈ Camel Brown
- 55874C
≈ Shepherd’s Green
- 2482A9
≈ Blue Paisley
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.65:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.51:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--crown-jewels: #93639d;
--crown-jewels-rgb: 147 99 157;
--crown-jewels-oklch: oklch(0.572 0.102 320.5);
}
.element {
color: var(--crown-jewels);
background-color: hsl(290 23% 50%);
border-color: oklch(0.572 0.102 320.5);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #93639d;
--color-crown-jewels-50: #ffecff;
--color-crown-jewels-100: #f9ddfc;
--color-crown-jewels-200: #eac6ee;
--color-crown-jewels-300: #d1a6d6;
--color-crown-jewels-400: #ba8ac4;
--color-crown-jewels-500: #a56fb0;
--color-crown-jewels-600: #8b5e94;
--color-crown-jewels-700: #6f4b77;
--color-crown-jewels-800: #513659;
--color-crown-jewels-900: #39253e;
--color-crown-jewels-950: #231427;
}SCSS
$crown-jewels: #93639d;
$crown-jewels-rgb: 147, 99, 157;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}