Colore con nome più vicino · #BC8DC8
#BC8DC8
Colore con nome più vicino: Violaceous
#BC8DC8 (rgb(188 141 200), hsl(288 35% 67%), oklch(0.708 0.099 319.3)) è più vicino al colore con nome Violaceous. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BC8DC8
oklch(0.708 0.099 319.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C398CE
- CAA3D3
- D0AFD9
- D7BADE
- DEC5E4
- E4D1E9
- EBDCEF
- F2E8F4
- F8F3FA
Ombre
- A37AAE
- 8B6794
- 73557B
- 5D4463
- 47334C
- 322336
- 1F1421
- 0D070F
- 020102
Toni
- B68CC1
- B08BB9
- AA8AB2
- A488AB
- 9E87A4
- 98869D
- 928495
- 8C838E
- 868287
Armonie di colore
Complementare +180°
- BC8DC8
Violaceous
- 81B074
≈ Joshua Tree
Analogo -30° +30°
- BC8DC8
Violaceous
- 9F97DB
≈ Dull Lavender
- D087AA
≈ Moonlight Mauve
Triadico +120° +240°
- BC8DC8
Violaceous
- C29A56
≈ Aztec Gold
- 46B4B9
≈ Crystalsong Blue
Complementare divisa +150° +210°
- BC8DC8
Violaceous
- A5A65B
≈ Rickrack
- 5AB597
≈ Electra
Tetradico +90° +180° +270°
- BC8DC8
Violaceous
- D38E69
≈ Pinch of Clove
- 81B074
≈ Joshua Tree
- 58ADD2
≈ Crystal Seas
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.78:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
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);
}