Màu có tên gần nhất · #4B335C
#4B335C
Màu có tên gần nhất: Royal Crown
#4B335C (rgb(75 51 92), hsl(275 29% 28%), oklch(0.367 0.074 310.1)) gần nhất với màu có tên Royal Crown. 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.
#4B335C
oklch(0.367 0.074 310.1)
Chuyển đổi màu
- HEX
- #4b335c
- RGB
- rgb(75 51 92)
- HSL
- hsl(275 29% 28%)
- HWB
- hwb(275 20% 64%)
- OKLCH
- oklch(0.367 0.074 310.1)
- OKLab
- oklab(0.367 0.048 -0.057)
- CIE Lab
- lab(25.53 17.75 -20.52)
- LCH
- lch(25.53 27.13 310.9)
- CMYK
- cmyk(18% 45% 0% 64%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5B456B
- 6C587B
- 7D6B8B
- 8F7F9B
- A093AB
- B3A8BB
- C5BDCC
- D8D3DD
- EBE9EE
Sắc đậm
- 402B4F
- 352342
- 2B1C36
- 21142A
- 170D1F
- 0E0714
- 06030A
- 020103
- 000000
Sắc xám
- 503B60
- 554264
- 5B4A67
- 60516B
- 65596F
- 6A6172
- 706876
- 757079
- 7B787D
Hòa sắc
Bổ túc +180°
- 4B335C
Royal Crown
- 324719
≈ Treetop Cathedral
Tương đồng -30° +30°
- 4B335C
Royal Crown
- 383A65
≈ Rhynchites Nitens
- 582E4B
≈ Winter Bloom
Bộ ba +120° +240°
- 4B335C
Royal Crown
- 573708
≈ Eyelash Camel
- 004946
≈ Tropical Forest
Bổ túc chia +150° +210°
- 4B335C
Royal Crown
- 483F03
≈ Xanthophobia
- 104B31
≈ Order Green
Bộ bốn +90° +180° +270°
- 4B335C
Royal Crown
- 5F301F
≈ Overbaked
- 324719
≈ Treetop Cathedral
- 004757
≈ Crab Nebula
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.89:1 · APCA Lc 95
Ag
FailTrên nền đen
WCAG 1.92:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 10.89:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--royal-crown: #4b335c;
--royal-crown-rgb: 75 51 92;
--royal-crown-oklch: oklch(0.367 0.074 310.1);
}
.element {
color: var(--royal-crown);
background-color: hsl(275 29% 28%);
border-color: oklch(0.367 0.074 310.1);
}Tailwind CSS v4
@theme {
--color-royal-crown: #4b335c;
--color-royal-crown-50: #fcefff;
--color-royal-crown-100: #f0e1fa;
--color-royal-crown-200: #dfccec;
--color-royal-crown-300: #c4add3;
--color-royal-crown-400: #ac93c0;
--color-royal-crown-500: #9578ab;
--color-royal-crown-600: #7e6691;
--color-royal-crown-700: #655174;
--color-royal-crown-800: #493b56;
--color-royal-crown-900: #33293c;
--color-royal-crown-950: #1f1726;
}SCSS
$royal-crown: #4b335c;
$royal-crown-rgb: 75, 51, 92;
$royal-crown-light: mix(#fff, $royal-crown, 20%);
$royal-crown-dark: mix(#000, $royal-crown, 20%);
.element {
color: $royal-crown;
box-shadow: 0 0 0 2px rgba($royal-crown, 0.35);
}