Nearest named color · #BE8FD1
#BE8FD1
Nearest named color: Violaceous
#BE8FD1 (rgb(190 143 209), hsl(283 42% 69%), oklch(0.718 0.106 316)) is closest to the named color Violaceous. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BE8FD1
oklch(0.718 0.106 316)
Color conversions
- HEX
- #be8fd1
- RGB
- rgb(190 143 209)
- HSL
- hsl(283 42% 69%)
- HWB
- hwb(283 56% 18%)
- OKLCH
- oklch(0.718 0.106 316)
- OKLab
- oklab(0.718 0.077 -0.074)
- CIE Lab
- lab(65.76 27.07 -27.05)
- LCH
- lch(65.76 38.27 315)
- CMYK
- cmyk(9% 32% 0% 18%)
Tints · Shades · Tones
Tints
- C59AD6
- CBA5DB
- D2B0DF
- D8BBE4
- DFC7E9
- E5D2ED
- ECDDF2
- F2E8F6
- F9F4FB
Shades
- A57CB5
- 8C699B
- 755781
- 5E4568
- 483450
- 332439
- 1F1523
- 0D0710
- 020102
Tones
- B88EC9
- B18CC1
- AB8BB8
- A58AB0
- 9F88A8
- 9987A0
- 928598
- 8C8390
- 868288
Color harmonies
Complementary +180°
- BE8FD1
Violaceous
- 85B36F
≈ Nasturtium Leaf
Analogous -30° +30°
- BE8FD1
Violaceous
- 9E9AE4
≈ Dull Lavender
- D488B2
≈ High Maintenance
Triadic +120° +240°
- BE8FD1
Violaceous
- CA9A52
≈ Gingerbread House
- 3CB8BA
≈ Montego Bay
Split-complementary +150° +210°
- BE8FD1
Violaceous
- ADA854
≈ Spinach Banana Smoothie
- 5AB994
≈ Blue Green Scene
Tetradic +90° +180° +270°
- BE8FD1
Violaceous
- DB8E6A
≈ Copper Pipe
- 85B36F
≈ Nasturtium Leaf
- 4EB1D7
≈ Epimetheus
Contrast & accessibility
Ag
FailOn white
WCAG 2.61:1 · APCA Lc 51
Ag
AAAOn black
WCAG 8.03:1 · APCA Lc 51
Best text color: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--violaceous: #be8fd1;
--violaceous-rgb: 190 143 209;
--violaceous-oklch: oklch(0.718 0.106 316);
}
.element {
color: var(--violaceous);
background-color: hsl(283 42% 69%);
border-color: oklch(0.718 0.106 316);
}Tailwind CSS v4
@theme {
--color-violaceous: #be8fd1;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #f7ddff;
--color-violaceous-200: #e8c7f2;
--color-violaceous-300: #cfa7db;
--color-violaceous-400: #b78bc9;
--color-violaceous-500: #a26fb6;
--color-violaceous-600: #895e99;
--color-violaceous-700: #6d4b7b;
--color-violaceous-800: #50375c;
--color-violaceous-900: #372540;
--color-violaceous-950: #221429;
}SCSS
$violaceous: #be8fd1;
$violaceous-rgb: 190, 143, 209;
$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);
}