Màu có tên gần nhất · #7A4EA8
#7A4EA8
Màu có tên gần nhất: Royal Lavender
#7A4EA8 (rgb(122 78 168), hsl(269 37% 48%), oklch(0.514 0.142 304.5)) gần nhất với màu có tên Royal Lavender. 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.
#7A4EA8
oklch(0.514 0.142 304.5)
Chuyển đổi màu
- HEX
- #7a4ea8
- RGB
- rgb(122 78 168)
- HSL
- hsl(269 37% 48%)
- HWB
- hwb(269 31% 34%)
- OKLCH
- oklch(0.514 0.142 304.5)
- OKLab
- oklab(0.514 0.08 -0.117)
- CIE Lab
- lab(41.48 32.74 -42)
- LCH
- lch(41.48 53.25 307.9)
- CMYK
- cmyk(27% 54% 0% 34%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8660B1
- 9371BB
- A083C4
- AD94CC
- BAA5D5
- C7B7DE
- D5C9E6
- E3DBEF
- F1EDF7
Sắc đậm
- 694392
- 59387C
- 492D67
- 3A2352
- 2B193F
- 1D0F2C
- 10071A
- 05020A
- 010001
Sắc xám
- 7B54A5
- 7B5AA1
- 7C5F9D
- 7C6499
- 7D6996
- 7D6E92
- 7E738D
- 7F7789
- 7F7C85
Hòa sắc
Bổ túc +180°
- 7A4EA8
Royal Lavender
- 577300
≈ Over the Hills
Tương đồng -30° +30°
- 7A4EA8
Royal Lavender
- 505DB7
≈ Chinese Bellflower
- 964288
≈ Plum Pie
Bộ ba +120° +240°
- 7A4EA8
Royal Lavender
- 945600
≈ Charlie Brown
- 00786E
≈ Pond Moss
Bổ túc chia +150° +210°
- 7A4EA8
Royal Lavender
- 7B6500
≈ Arousing Alligator
- 007C44
≈ Tokiwa Green
Bộ bốn +90° +180° +270°
- 7A4EA8
Royal Lavender
- A94129
≈ Chocolate Chilli
- 577300
≈ Over the Hills
- 007487
≈ Glamour Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.02:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.48:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--royal-lavender: #7a4ea8;
--royal-lavender-rgb: 122 78 168;
--royal-lavender-oklch: oklch(0.514 0.142 304.5);
}
.element {
color: var(--royal-lavender);
background-color: hsl(269 37% 48%);
border-color: oklch(0.514 0.142 304.5);
}Tailwind CSS v4
@theme {
--color-royal-lavender: #7a4ea8;
--color-royal-lavender-50: #ffebff;
--color-royal-lavender-100: #f4dcff;
--color-royal-lavender-200: #e4c5ff;
--color-royal-lavender-300: #caa4f1;
--color-royal-lavender-400: #b188e2;
--color-royal-lavender-500: #9c6ad1;
--color-royal-lavender-600: #845ab0;
--color-royal-lavender-700: #69488e;
--color-royal-lavender-800: #4c346b;
--color-royal-lavender-900: #35244b;
--color-royal-lavender-950: #201231;
}SCSS
$royal-lavender: #7a4ea8;
$royal-lavender-rgb: 122, 78, 168;
$royal-lavender-light: mix(#fff, $royal-lavender, 20%);
$royal-lavender-dark: mix(#000, $royal-lavender, 20%);
.element {
color: $royal-lavender;
box-shadow: 0 0 0 2px rgba($royal-lavender, 0.35);
}