Cor nomeada mais próxima · #8C67AE
#8C67AE
Cor nomeada mais próxima: Crown Jewels
#8C67AE (rgb(140 103 174), hsl(271 30% 54%), oklch(0.58 0.113 307.2)) é mais próxima da cor nomeada Crown Jewels. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8C67AE
oklch(0.58 0.113 307.2)
Conversões de cor
- HEX
- #8c67ae
- RGB
- rgb(140 103 174)
- HSL
- hsl(271 30% 54%)
- HWB
- hwb(271 40% 32%)
- OKLCH
- oklch(0.58 0.113 307.2)
- OKLab
- oklab(0.58 0.068 -0.09)
- CIE Lab
- lab(49.65 25.84 -32.53)
- LCH
- lch(49.65 41.54 308.5)
- CMYK
- cmyk(20% 41% 0% 32%)
Tons claros · Sombras · Tons
Tons claros
- 9776B6
- A285BF
- AD93C7
- B9A2CF
- C4B2D7
- D0C1DF
- DBD0E7
- E7E0EF
- F3EFF7
Sombras
- 795997
- 674B80
- 553D6A
- 433055
- 332341
- 23172E
- 140C1C
- 07040B
- 010001
Tons
- 8B6AAA
- 8A6DA5
- 886FA1
- 87729C
- 867598
- 857793
- 84798F
- 827C8A
- 817E85
Harmonias de cor
Complementar +180°
- 8C67AE
Crown Jewels
- 688637
≈ Sun Valley
Análoga -30° +30°
- 8C67AE
Crown Jewels
- 6A73BC
≈ Wind Star
- A45E92
≈ Cyclamen Red
Tríade +120° +240°
- 8C67AE
Crown Jewels
- A66B23
≈ Theatre Gold
- 008D84
≈ Aqua Experience
Complementar dividida +150° +210°
- 8C67AE
Crown Jewels
- 8D7A16
≈ Jīn Zōng Gold
- 338E5F
≈ Argyle
Tétrade +90° +180° +270°
- 8C67AE
Crown Jewels
- B26048
≈ Georgia Clay
- 688637
≈ Sun Valley
- 0089A2
≈ Teal Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.66:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--crown-jewels: #8c67ae;
--crown-jewels-rgb: 140 103 174;
--crown-jewels-oklch: oklch(0.58 0.113 307.2);
}
.element {
color: var(--crown-jewels);
background-color: hsl(271 30% 54%);
border-color: oklch(0.58 0.113 307.2);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #8c67ae;
--color-crown-jewels-50: #ffedff;
--color-crown-jewels-100: #f3deff;
--color-crown-jewels-200: #e2c8f9;
--color-crown-jewels-300: #c8a8e4;
--color-crown-jewels-400: #b08cd2;
--color-crown-jewels-500: #9a70c0;
--color-crown-jewels-600: #8260a2;
--color-crown-jewels-700: #684c82;
--color-crown-jewels-800: #4c3861;
--color-crown-jewels-900: #342644;
--color-crown-jewels-950: #20142c;
}SCSS
$crown-jewels: #8c67ae;
$crown-jewels-rgb: 140, 103, 174;
$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);
}