Nearest named color · #8F66AC
#8F66AC
Nearest named color: Crown Jewels
#8F66AC (rgb(143 102 172), hsl(275 30% 54%), oklch(0.58 0.113 310.2)) is closest to the named color Crown Jewels. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8F66AC
oklch(0.58 0.113 310.2)
Color conversions
- HEX
- #8f66ac
- RGB
- rgb(143 102 172)
- HSL
- hsl(275 30% 54%)
- HWB
- hwb(275 40% 33%)
- OKLCH
- oklch(0.58 0.113 310.2)
- OKLab
- oklab(0.58 0.073 -0.086)
- CIE Lab
- lab(49.66 27.04 -31.31)
- LCH
- lch(49.66 41.37 310.8)
- CMYK
- cmyk(17% 41% 0% 33%)
Tints · Shades · Tones
Tints
- 9A75B5
- A584BD
- B093C6
- BBA2CE
- C6B1D6
- D1C0DE
- DCD0E7
- E8DFEF
- F3EFF7
Shades
- 7C5895
- 694A7F
- 573C69
- 452F54
- 342340
- 24172D
- 150C1B
- 07040B
- 010001
Tones
- 8E69A8
- 8C6CA4
- 8B6F9F
- 89729B
- 887497
- 867792
- 85798E
- 837B89
- 827E85
Color harmonies
Complementary +180°
- 8F66AC
Crown Jewels
- 63873B
≈ Stamnankáthi Green
Analogous -30° +30°
- 8F66AC
Crown Jewels
- 6E71BC
≈ Wind Star
- A65E8F
≈ Cyclamen Red
Triadic +120° +240°
- 8F66AC
Crown Jewels
- A46D1F
≈ Buckthorn Brown
- 008D88
≈ Greenish Blue
Split-complementary +150° +210°
- 8F66AC
Crown Jewels
- 8A7B18
≈ Jīn Zōng Gold
- 2C8E63
≈ Viridian
Tetradic +90° +180° +270°
- 8F66AC
Crown Jewels
- B26144
≈ Georgia Clay
- 63873B
≈ Stamnankáthi Green
- 0088A6
≈ Caribbean Sea
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 31
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--crown-jewels: #8f66ac;
--crown-jewels-rgb: 143 102 172;
--crown-jewels-oklch: oklch(0.58 0.113 310.2);
}
.element {
color: var(--crown-jewels);
background-color: hsl(275 30% 54%);
border-color: oklch(0.58 0.113 310.2);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #8f66ac;
--color-crown-jewels-50: #ffecff;
--color-crown-jewels-100: #f5deff;
--color-crown-jewels-200: #e5c7f8;
--color-crown-jewels-300: #cba7e2;
--color-crown-jewels-400: #b38bd0;
--color-crown-jewels-500: #9d6fbe;
--color-crown-jewels-600: #855ea0;
--color-crown-jewels-700: #6a4b81;
--color-crown-jewels-800: #4d3760;
--color-crown-jewels-900: #362644;
--color-crown-jewels-950: #21142c;
}SCSS
$crown-jewels: #8f66ac;
$crown-jewels-rgb: 143, 102, 172;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}