Cor nomeada mais próxima · #9210AD
#9210AD
Cor nomeada mais próxima: Nebula
#9210AD (rgb(146 16 173), hsl(290 83% 37%), oklch(0.487 0.226 319.2)) é mais próxima da cor nomeada Nebula. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#9210AD
oklch(0.487 0.226 319.2)
Conversões de cor
- HEX
- #9210ad
- RGB
- rgb(146 16 173)
- HSL
- hsl(290 83% 37%)
- HWB
- hwb(290 6% 32%)
- OKLCH
- oklch(0.487 0.226 319.2)
- OKLab
- oklab(0.487 0.171 -0.148)
- CIE Lab
- lab(36.56 62.94 -52.6)
- LCH
- lch(36.56 82.03 320.1)
- CMYK
- cmyk(16% 91% 0% 32%)
Tons claros · Sombras · Tons
Tons claros
- 9E38B6
- A952BF
- B569C8
- C07FD1
- CB94D9
- D6AAE1
- E0BFE9
- EBD4F1
- F5EAF8
Sombras
- 7E0C96
- 6B097F
- 58066A
- 460455
- 350241
- 25012D
- 16001B
- 08000B
- 010001
Tons
- 9129A9
- 9038A5
- 8F44A1
- 8D4F9D
- 8C5899
- 8A6194
- 886990
- 85718B
- 837986
Harmonias de cor
Complementar +180°
- 9210AD
Nebula
- 257200
≈ Battle Cat
Análoga -30° +30°
- 9210AD
Nebula
- 6433D3
≈ Sagat Purple
- AA0071
≈ Katy Berry
Tríade +120° +240°
- 9210AD
Nebula
- 7E5700
≈ Qahvei Brown
- 006D71
≈ Deep Lake
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.24:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 2.89:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--nebula: #9210ad;
--nebula-rgb: 146 16 173;
--nebula-oklch: oklch(0.487 0.226 319.2);
}
.element {
color: var(--nebula);
background-color: hsl(290 83% 37%);
border-color: oklch(0.487 0.226 319.2);
}Tailwind CSS v4
@theme {
--color-nebula: #9210ad;
--color-nebula-50: #ffe0ff;
--color-nebula-100: #ffcfff;
--color-nebula-200: #ffb3ff;
--color-nebula-300: #eb8dfc;
--color-nebula-400: #d569f1;
--color-nebula-500: #c23de1;
--color-nebula-600: #a436be;
--color-nebula-700: #842b99;
--color-nebula-800: #601e74;
--color-nebula-900: #431452;
--color-nebula-950: #2b0437;
}SCSS
$nebula: #9210ad;
$nebula-rgb: 146, 16, 173;
$nebula-light: mix(#fff, $nebula, 20%);
$nebula-dark: mix(#000, $nebula, 20%);
.element {
color: $nebula;
box-shadow: 0 0 0 2px rgba($nebula, 0.35);
}