Màu có tên · #9457EB
Lavender Indigo
Lavender Indigo là #9457EB: rgb(148 87 235), hsl(265 79% 63%), oklch(0.6 0.213 298.7). 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.
What does Purple mean? → · Lavender Indigo color name →
#9457EB
oklch(0.6 0.213 298.7)
Chuyển đổi màu
- HEX
- #9457eb
- RGB
- rgb(148 87 235)
- HSL
- hsl(265 79% 63%)
- HWB
- hwb(265 34% 8%)
- OKLCH
- oklch(0.6 0.213 298.7)
- OKLab
- oklab(0.6 0.103 -0.187)
- CIE Lab
- lab(50.05 48.26 -66.64)
- LCH
- lch(50.05 82.28 305.9)
- CMYK
- cmyk(37% 63% 0% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9E6AEE
- A77CF2
- B28DF5
- BC9EF7
- C7AFF9
- D1BFFB
- DDCFFD
- E8DFFE
- F3EFFF
Sắc đậm
- 804BCC
- 6D3EAE
- 5A3391
- 482775
- 361C5B
- 261241
- 160829
- 080313
- 010003
Sắc xám
- 925EE1
- 8F63D6
- 8D69CC
- 8B6DC2
- 8971B7
- 8775AC
- 8578A2
- 837B97
- 827E8C
Hòa sắc
Bổ túc +180°
- 9457EB
Lavender Indigo
- 788B00
≈ Canopy
Tương đồng -30° +30°
- 9457EB
Lavender Indigo
- 4D70FD
≈ Blue Heath Butterfly
- C041BD
≈ Ultraviolet Cryner
Bộ ba +120° +240°
- 9457EB
Lavender Indigo
- BD6700
≈ Camel Fur
- 009581
≈ Aqua Waters
Bổ túc chia +150° +210°
- 9457EB
Lavender Indigo
- 9E7B00
≈ Yellowish Brown
- 009A40
≈ Green Revolution
Bộ bốn +90° +180° +270°
- 9457EB
Lavender Indigo
- E43329
≈ Ceremonial Red Ribbon
- 788B00
≈ Canopy
- 0091A1
≈ Jaded
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.35:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.82:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--lavender-indigo: #9457eb;
--lavender-indigo-rgb: 148 87 235;
--lavender-indigo-oklch: oklch(0.6 0.213 298.7);
}
.element {
color: var(--lavender-indigo);
background-color: hsl(265 79% 63%);
border-color: oklch(0.6 0.213 298.7);
}Tailwind CSS v4
@theme {
--color-lavender-indigo: #9457eb;
--color-lavender-indigo-50: #ffe8ff;
--color-lavender-indigo-100: #f3d8ff;
--color-lavender-indigo-200: #e3beff;
--color-lavender-indigo-300: #ca9bff;
--color-lavender-indigo-400: #b17bff;
--color-lavender-indigo-500: #9d56fc;
--color-lavender-indigo-600: #844ad5;
--color-lavender-indigo-700: #6a3bab;
--color-lavender-indigo-800: #4c2b82;
--color-lavender-indigo-900: #351d5c;
--color-lavender-indigo-950: #200c3e;
}SCSS
$lavender-indigo: #9457eb;
$lavender-indigo-rgb: 148, 87, 235;
$lavender-indigo-light: mix(#fff, $lavender-indigo, 20%);
$lavender-indigo-dark: mix(#000, $lavender-indigo, 20%);
.element {
color: $lavender-indigo;
box-shadow: 0 0 0 2px rgba($lavender-indigo, 0.35);
}