Nearest named color · #B766A2
#B766A2
Nearest named color: Llilacquered
#B766A2 (rgb(183 102 162), hsl(316 36% 56%), oklch(0.622 0.128 337.5)) is closest to the named color Llilacquered. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B766A2
oklch(0.622 0.128 337.5)
Color conversions
- HEX
- #b766a2
- RGB
- rgb(183 102 162)
- HSL
- hsl(316 36% 56%)
- HWB
- hwb(316 40% 28%)
- OKLCH
- oklch(0.622 0.128 337.5)
- OKLab
- oklab(0.622 0.119 -0.049)
- CIE Lab
- lab(54.29 39.3 -17.89)
- LCH
- lch(54.29 43.18 335.5)
- CMYK
- cmyk(0% 44% 11% 28%)
Tints · Shades · Tones
Tints
- BF75AB
- C784B4
- CF94BE
- D6A3C7
- DDB2D0
- E4C1D9
- EBD0E3
- F2E0EC
- F9EFF6
Shades
- 9F588C
- 874A77
- 703C63
- 5A2F4F
- 45233C
- 31172A
- 1E0C19
- 0C040A
- 020001
Tones
- B2699F
- AD6C9B
- A86F98
- A37295
- 9D7591
- 98778E
- 927A8A
- 8C7C87
- 867E83
Color harmonies
Complementary +180°
- B766A2
Llilacquered
- 2F9D67
≈ Green Fondant
Analogous -30° +30°
- B766A2
Llilacquered
- 9C70C2
≈ Viola
- C66279
≈ Cherry Pink
Triadic +120° +240°
- B766A2
Llilacquered
- 9C8600
≈ Captain Kirk
- 0096B3
≈ Bondi Blue
Split-complementary +150° +210°
- B766A2
Llilacquered
- 719537
≈ Lattice Green
- 009B92
≈ Caribbean Turquoise
Tetradic +90° +180° +270°
- B766A2
Llilacquered
- B9751B
≈ Milvus Milvus Orange
- 2F9D67
≈ Green Fondant
- 3D8CD0
≈ Magical Merlin
Contrast & accessibility
Ag
FailOn white
WCAG 3.86:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.43:1 · APCA Lc 36
Best text color: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--llilacquered: #b766a2;
--llilacquered-rgb: 183 102 162;
--llilacquered-oklch: oklch(0.622 0.128 337.5);
}
.element {
color: var(--llilacquered);
background-color: hsl(316 36% 56%);
border-color: oklch(0.622 0.128 337.5);
}Tailwind CSS v4
@theme {
--color-llilacquered: #b766a2;
--color-llilacquered-50: #ffe8ff;
--color-llilacquered-100: #ffd8f6;
--color-llilacquered-200: #fabfe6;
--color-llilacquered-300: #e49ecd;
--color-llilacquered-400: #cf80b9;
--color-llilacquered-500: #bb61a4;
--color-llilacquered-600: #9e538b;
--color-llilacquered-700: #7f426f;
--color-llilacquered-800: #5d3053;
--color-llilacquered-900: #41203a;
--color-llilacquered-950: #2a0f24;
}SCSS
$llilacquered: #b766a2;
$llilacquered-rgb: 183, 102, 162;
$llilacquered-light: mix(#fff, $llilacquered, 20%);
$llilacquered-dark: mix(#000, $llilacquered, 20%);
.element {
color: $llilacquered;
box-shadow: 0 0 0 2px rgba($llilacquered, 0.35);
}