Cor nomeada · #BB9ECD
Turnip Crown
Turnip Crown é #BB9ECD: rgb(187 158 205), hsl(277 32% 71%), oklch(0.741 0.074 312.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Turnip Crown color name →
#BB9ECD
oklch(0.741 0.074 312.3)
Conversões de cor
- HEX
- #bb9ecd
- RGB
- rgb(187 158 205)
- HSL
- hsl(277 32% 71%)
- HWB
- hwb(277 62% 20%)
- OKLCH
- oklch(0.741 0.074 312.3)
- OKLab
- oklab(0.741 0.05 -0.054)
- CIE Lab
- lab(68.95 17.54 -20.04)
- LCH
- lch(68.95 26.63 311.2)
- CMYK
- cmyk(9% 23% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- C2A7D2
- C8B1D7
- CFBBDC
- D6C4E1
- DDCEE6
- E3D8EB
- EAE1F0
- F1EBF5
- F8F5FA
Sombras
- A289B2
- 8A7498
- 73607E
- 5C4D66
- 463A4E
- 322938
- 1F1823
- 0D090F
- 020102
Tons
- B59BC5
- AF98BD
- A995B6
- A392AE
- 9D8FA6
- 978C9E
- 918997
- 8C868F
- 868388
Harmonias de cor
Complementar +180°
- BB9ECD
Turnip Crown
- 9AB585
≈ Mesclun Green
Análoga -30° +30°
- BB9ECD
Turnip Crown
- A3A6D9
≈ Sorbet Ice Mauve
- CC99B8
≈ Morning Glory Pink
Tríade +120° +240°
- BB9ECD
Turnip Crown
- C8A477
≈ Outback
- 71BAB7
≈ Earth Eclipse
Complementar dividida +150° +210°
- BB9ECD
Turnip Crown
- B4AD77
≈ Jalapeño Jelly
- 80BA9D
≈ Froggy Pond
Tétrade +90° +180° +270°
- BB9ECD
Turnip Crown
- D49C86
≈ Dusty Coral
- 9AB585
≈ Mesclun Green
- 75B6CD
≈ Blue Chrysocolla
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.88:1 · APCA Lc 55
Melhor cor de texto: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
Trechos de código
CSS
:root {
--turnip-crown: #bb9ecd;
--turnip-crown-rgb: 187 158 205;
--turnip-crown-oklch: oklch(0.741 0.074 312.3);
}
.element {
color: var(--turnip-crown);
background-color: hsl(277 32% 71%);
border-color: oklch(0.741 0.074 312.3);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #bb9ecd;
--color-turnip-crown-50: #fdefff;
--color-turnip-crown-100: #f1e1f9;
--color-turnip-crown-200: #e0cbeb;
--color-turnip-crown-300: #c5add2;
--color-turnip-crown-400: #ad92be;
--color-turnip-crown-500: #9778aa;
--color-turnip-crown-600: #80668f;
--color-turnip-crown-700: #665173;
--color-turnip-crown-800: #4a3b55;
--color-turnip-crown-900: #34293c;
--color-turnip-crown-950: #1f1625;
}SCSS
$turnip-crown: #bb9ecd;
$turnip-crown-rgb: 187, 158, 205;
$turnip-crown-light: mix(#fff, $turnip-crown, 20%);
$turnip-crown-dark: mix(#000, $turnip-crown, 20%);
.element {
color: $turnip-crown;
box-shadow: 0 0 0 2px rgba($turnip-crown, 0.35);
}