Cor nomeada mais próxima · #B680FC
#B680FC
Cor nomeada mais próxima: Illicit Purple
#B680FC (rgb(182 128 252), hsl(266 95% 75%), oklch(0.705 0.18 302.1)) é mais próxima da cor nomeada Illicit Purple. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B680FC
oklch(0.705 0.18 302.1)
Conversões de cor
- HEX
- #b680fc
- RGB
- rgb(182 128 252)
- HSL
- hsl(266 95% 75%)
- HWB
- hwb(266 50% 1%)
- OKLCH
- oklch(0.705 0.18 302.1)
- OKLab
- oklab(0.705 0.096 -0.153)
- CIE Lab
- lab(63.16 39.7 -54.86)
- LCH
- lch(63.16 67.72 305.9)
- CMYK
- cmyk(28% 49% 0% 1%)
Tons claros · Sombras · Tons
Tons claros
- BD8EFD
- C49BFE
- CBA8FF
- D2B4FF
- D9C1FF
- E1CEFF
- E8DAFF
- F0E6FF
- F7F3FF
Sombras
- 9E6EDB
- 865DBB
- 6F4D9C
- 593D7E
- 442E62
- 301F47
- 1D122D
- 0C0616
- 020103
Tons
- B081F0
- AB82E3
- A582D7
- A083CA
- 9A83BE
- 9583B2
- 9082A5
- 8A8299
- 85818D
Harmonias de cor
Complementar +180°
- B680FC
Illicit Purple
- 8FB000
≈ Grasping Grass
Análoga -30° +30°
- B680FC
Illicit Purple
- 8098FF
≈ Periwinkle Blue
- DF70D1
≈ Pink Orchid
Tríade +120° +240°
- B680FC
Illicit Purple
- E68500
≈ Fulvous
- 00B9A6
≈ Verditer
Complementar dividida +150° +210°
- B680FC
Illicit Purple
- C09C00
≈ Perennial
- 17BF64
≈ Welsh Onion
Tétrade +90° +180° +270°
- B680FC
Illicit Purple
- FC6D53
≈ Blistering Mars
- 8FB000
≈ Grasping Grass
- 00B4CD
≈ Antigua Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--illicit-purple: #b680fc;
--illicit-purple-rgb: 182 128 252;
--illicit-purple-oklch: oklch(0.705 0.18 302.1);
}
.element {
color: var(--illicit-purple);
background-color: hsl(266 95% 75%);
border-color: oklch(0.705 0.18 302.1);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #b680fc;
--color-illicit-purple-50: #ffe9ff;
--color-illicit-purple-100: #f5daff;
--color-illicit-purple-200: #e5c1ff;
--color-illicit-purple-300: #cc9fff;
--color-illicit-purple-400: #b380f6;
--color-illicit-purple-500: #9e60e7;
--color-illicit-purple-600: #8552c3;
--color-illicit-purple-700: #6b419d;
--color-illicit-purple-800: #4d2f76;
--color-illicit-purple-900: #352053;
--color-illicit-purple-950: #210f38;
}SCSS
$illicit-purple: #b680fc;
$illicit-purple-rgb: 182, 128, 252;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);
.element {
color: $illicit-purple;
box-shadow: 0 0 0 2px rgba($illicit-purple, 0.35);
}