Cor nomeada mais próxima · #BB3C8D
#BB3C8D
Cor nomeada mais próxima: Fandango
#BB3C8D (rgb(187 60 141), hsl(322 51% 48%), oklch(0.564 0.183 345.3)) é mais próxima da cor nomeada Fandango. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BB3C8D
oklch(0.564 0.183 345.3)
Conversões de cor
- HEX
- #bb3c8d
- RGB
- rgb(187 60 141)
- HSL
- hsl(322 51% 48%)
- HWB
- hwb(322 24% 27%)
- OKLCH
- oklch(0.564 0.183 345.3)
- OKLab
- oklab(0.564 0.177 -0.046)
- CIE Lab
- lab(46.86 57.06 -16.64)
- LCH
- lch(46.86 59.44 343.7)
- CMYK
- cmyk(0% 68% 25% 27%)
Tons claros · Sombras · Tons
Tons claros
- C45398
- CC67A3
- D47BAE
- DC8EBA
- E3A1C5
- EAB3D0
- F0C6DC
- F5D9E8
- FAECF3
Sombras
- A2337A
- 8A2A67
- 732155
- 5C1944
- 461133
- 320A23
- 1F0414
- 0D0107
- 020001
Tons
- B6468C
- B24F8B
- AC5689
- A75E88
- A26487
- 9C6A86
- 957084
- 8F7683
- 887B81
Harmonias de cor
Complementar +180°
- BB3C8D
Fandango
- 008B64
≈ Chagall Green
Análoga -30° +30°
- BB3C8D
Fandango
- 9D4BBD
≈ Fuchsia Pheromone
- CA3751
≈ Tomato Puree
Tríade +120° +240°
- BB3C8D
Fandango
- 807900
≈ Tool Green
- 0082A5
≈ Tibetan Turquoise
Complementar dividida +150° +210°
- BB3C8D
Fandango
- 458900
≈ Mughal Green
- 008787
≈ Tubbataha Teal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.06:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.14:1 · APCA Lc 28
Melhor cor de texto: #FFFFFF
WCAG 5.06:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--fandango: #bb3c8d;
--fandango-rgb: 187 60 141;
--fandango-oklch: oklch(0.564 0.183 345.3);
}
.element {
color: var(--fandango);
background-color: hsl(322 51% 48%);
border-color: oklch(0.564 0.183 345.3);
}Tailwind CSS v4
@theme {
--color-fandango: #bb3c8d;
--color-fandango-50: #ffe1ff;
--color-fandango-100: #ffd0f3;
--color-fandango-200: #ffb4e3;
--color-fandango-300: #fa8fc9;
--color-fandango-400: #e76cb6;
--color-fandango-500: #d445a1;
--color-fandango-600: #b33c88;
--color-fandango-700: #90306d;
--color-fandango-800: #6b2252;
--color-fandango-900: #4b1639;
--color-fandango-950: #310724;
}SCSS
$fandango: #bb3c8d;
$fandango-rgb: 187, 60, 141;
$fandango-light: mix(#fff, $fandango, 20%);
$fandango-dark: mix(#000, $fandango, 20%);
.element {
color: $fandango;
box-shadow: 0 0 0 2px rgba($fandango, 0.35);
}