Cor nomeada · #BF8FC4
Violaceous
Violaceous é #BF8FC4: rgb(191 143 196), hsl(294 31% 66%), oklch(0.713 0.092 323.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Violaceous color name →
#BF8FC4
oklch(0.713 0.092 323.3)
Conversões de cor
- HEX
- #bf8fc4
- RGB
- rgb(191 143 196)
- HSL
- hsl(294 31% 66%)
- HWB
- hwb(294 56% 23%)
- OKLCH
- oklch(0.713 0.092 323.3)
- OKLab
- oklab(0.713 0.074 -0.055)
- CIE Lab
- lab(65.46 25.46 -20.26)
- LCH
- lch(65.46 32.54 321.5)
- CMYK
- cmyk(3% 27% 0% 23%)
Tons claros · Sombras · Tons
Tons claros
- C69ACA
- CCA5D0
- D3B0D6
- D9BBDC
- DFC6E2
- E6D2E8
- ECDDED
- F2E8F3
- F9F4F9
Sombras
- A67CAA
- 8D6991
- 755778
- 5E4561
- 48344A
- 332435
- 1F1521
- 0D070E
- 020102
Tons
- B98EBD
- B28CB6
- AC8BAF
- A68AA9
- 9F88A2
- 99879B
- 938594
- 8D838D
- 868287
Harmonias de cor
Complementar +180°
- BF8FC4
Violaceous
- 80B27D
≈ Verde
Análoga -30° +30°
- BF8FC4
Violaceous
- A598D7
≈ Biloba Flower
- D08AA7
≈ Kiss
Tríade +120° +240°
- BF8FC4
Violaceous
- BE9E5C
≈ Eaton Gold
- 51B4BC
≈ Thalassa
Complementar dividida +150° +210°
- BF8FC4
Violaceous
- A2A964
≈ Spanish Olive
- 5EB69D
≈ Keppel
Tétrade +90° +180° +270°
- BF8FC4
Violaceous
- D0936B
≈ Pinch of Clove
- 80B27D
≈ Verde
- 64ADD3
≈ Imrik Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.64:1 · APCA Lc 51
Ag
AAASobre preto
WCAG 7.94:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.94:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--violaceous: #bf8fc4;
--violaceous-rgb: 191 143 196;
--violaceous-oklch: oklch(0.713 0.092 323.3);
}
.element {
color: var(--violaceous);
background-color: hsl(294 31% 66%);
border-color: oklch(0.713 0.092 323.3);
}Tailwind CSS v4
@theme {
--color-violaceous: #bf8fc4;
--color-violaceous-50: #ffedff;
--color-violaceous-100: #f9def9;
--color-violaceous-200: #e9c7ea;
--color-violaceous-300: #d0a8d2;
--color-violaceous-400: #b98cbe;
--color-violaceous-500: #a471a9;
--color-violaceous-600: #8a608f;
--color-violaceous-700: #6f4c73;
--color-violaceous-800: #513756;
--color-violaceous-900: #38263c;
--color-violaceous-950: #231426;
}SCSS
$violaceous: #bf8fc4;
$violaceous-rgb: 191, 143, 196;
$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);
}