Màu có tên gần nhất · #975BA2
#975BA2
Màu có tên gần nhất: Vicious Violet
#975BA2 (rgb(151 91 162), hsl(291 28% 50%), oklch(0.565 0.125 321.2)) gần nhất với màu có tên Vicious Violet. 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.
#975BA2
oklch(0.565 0.125 321.2)
Chuyển đổi màu
- HEX
- #975ba2
- RGB
- rgb(151 91 162)
- HSL
- hsl(291 28% 50%)
- HWB
- hwb(291 36% 36%)
- OKLCH
- oklch(0.565 0.125 321.2)
- OKLab
- oklab(0.565 0.097 -0.078)
- CIE Lab
- lab(47.72 34.04 -28.38)
- LCH
- lch(47.72 44.32 320.2)
- CMYK
- cmyk(7% 44% 0% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A26BAB
- AC7BB5
- B68BBE
- C19BC8
- CBACD1
- D6BCDA
- E0CCE3
- EADDED
- F5EEF6
Sắc đậm
- 834E8C
- 6F4177
- 5C3563
- 49294F
- 371E3C
- 26132A
- 170919
- 08030A
- 010001
Sắc xám
- 955F9F
- 93649C
- 916798
- 8F6B95
- 8C6F92
- 8A738E
- 88768B
- 857987
- 837D84
Hòa sắc
Bổ túc +180°
- 975BA2
Vicious Violet
- 48883F
≈ Level Up
Tương đồng -30° +30°
- 975BA2
Vicious Violet
- 7767B9
≈ Ultra Violet
- AC547F
≈ Guppy Violet
Bộ ba +120° +240°
- 975BA2
Vicious Violet
- 986D00
≈ Chamois Yellow
- 00868D
≈ Totally Teal
Bổ túc chia +150° +210°
- 975BA2
Vicious Violet
- 797C00
≈ Flag Green
- 008A6D
≈ Carolina Green
Bộ bốn +90° +180° +270°
- 975BA2
Vicious Violet
- AE5D26
≈ Plaguelands Hazel
- 48883F
≈ Level Up
- 0081AD
≈ Tusche Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.84:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.33:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 4.84:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--vicious-violet: #975ba2;
--vicious-violet-rgb: 151 91 162;
--vicious-violet-oklch: oklch(0.565 0.125 321.2);
}
.element {
color: var(--vicious-violet);
background-color: hsl(291 28% 50%);
border-color: oklch(0.565 0.125 321.2);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #975ba2;
--color-vicious-violet-50: #ffeaff;
--color-vicious-violet-100: #fddbff;
--color-vicious-violet-200: #efc3f3;
--color-vicious-violet-300: #d7a2dc;
--color-vicious-violet-400: #c085cb;
--color-vicious-violet-500: #ab68b8;
--color-vicious-violet-600: #91589b;
--color-vicious-violet-700: #74467c;
--color-vicious-violet-800: #55335d;
--color-vicious-violet-900: #3b2341;
--color-vicious-violet-950: #25112a;
}SCSS
$vicious-violet: #975ba2;
$vicious-violet-rgb: 151, 91, 162;
$vicious-violet-light: mix(#fff, $vicious-violet, 20%);
$vicious-violet-dark: mix(#000, $vicious-violet, 20%);
.element {
color: $vicious-violet;
box-shadow: 0 0 0 2px rgba($vicious-violet, 0.35);
}