Màu có tên gần nhất · #BC8DC8
#BC8DC8
Màu có tên gần nhất: Violaceous
#BC8DC8 (rgb(188 141 200), hsl(288 35% 67%), oklch(0.708 0.099 319.3)) gần nhất với màu có tên Violaceous. 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.
#BC8DC8
oklch(0.708 0.099 319.3)
Chuyển đổi màu
- HEX
- #bc8dc8
- RGB
- rgb(188 141 200)
- HSL
- hsl(288 35% 67%)
- HWB
- hwb(288 55% 22%)
- OKLCH
- oklch(0.708 0.099 319.3)
- OKLab
- oklab(0.708 0.075 -0.064)
- CIE Lab
- lab(64.79 26.05 -23.54)
- LCH
- lch(64.79 35.11 317.9)
- CMYK
- cmyk(6% 29% 0% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C398CE
- CAA3D3
- D0AFD9
- D7BADE
- DEC5E4
- E4D1E9
- EBDCEF
- F2E8F4
- F8F3FA
Sắc đậm
- A37AAE
- 8B6794
- 73557B
- 5D4463
- 47334C
- 322336
- 1F1421
- 0D070F
- 020102
Sắc xám
- B68CC1
- B08BB9
- AA8AB2
- A488AB
- 9E87A4
- 98869D
- 928495
- 8C838E
- 868287
Hòa sắc
Bổ túc +180°
- BC8DC8
Violaceous
- 81B074
≈ Joshua Tree
Tương đồng -30° +30°
- BC8DC8
Violaceous
- 9F97DB
≈ Dull Lavender
- D087AA
≈ Moonlight Mauve
Bộ ba +120° +240°
- BC8DC8
Violaceous
- C29A56
≈ Aztec Gold
- 46B4B9
≈ Crystalsong Blue
Bổ túc chia +150° +210°
- BC8DC8
Violaceous
- A5A65B
≈ Rickrack
- 5AB597
≈ Electra
Bộ bốn +90° +180° +270°
- BC8DC8
Violaceous
- D38E69
≈ Pinch of Clove
- 81B074
≈ Joshua Tree
- 58ADD2
≈ Crystal Seas
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.69:1 · APCA Lc 52
Ag
AAATrên nền đen
WCAG 7.78:1 · APCA Lc 50
Màu chữ tốt nhất: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Đoạn mã
CSS
:root {
--violaceous: #bc8dc8;
--violaceous-rgb: 188 141 200;
--violaceous-oklch: oklch(0.708 0.099 319.3);
}
.element {
color: var(--violaceous);
background-color: hsl(288 35% 67%);
border-color: oklch(0.708 0.099 319.3);
}Tailwind CSS v4
@theme {
--color-violaceous: #bc8dc8;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #f8defc;
--color-violaceous-200: #e8c7ee;
--color-violaceous-300: #cfa7d6;
--color-violaceous-400: #b88cc3;
--color-violaceous-500: #a270af;
--color-violaceous-600: #895f94;
--color-violaceous-700: #6e4c77;
--color-violaceous-800: #503759;
--color-violaceous-900: #38263e;
--color-violaceous-950: #221427;
}SCSS
$violaceous: #bc8dc8;
$violaceous-rgb: 188, 141, 200;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}