Nearest named color · #BC2F99
#BC2F99
Nearest named color: Fandango
#BC2F99 (rgb(188 47 153), hsl(315 60% 46%), oklch(0.559 0.206 340)) is closest to the named color Fandango. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BC2F99
oklch(0.559 0.206 340)
Color conversions
- HEX
- #bc2f99
- RGB
- rgb(188 47 153)
- HSL
- hsl(315 60% 46%)
- HWB
- hwb(315 18% 26%)
- OKLCH
- oklch(0.559 0.206 340)
- OKLab
- oklab(0.559 0.194 -0.07)
- CIE Lab
- lab(45.85 62.85 -25.37)
- LCH
- lch(45.85 67.77 338)
- CMYK
- cmyk(0% 75% 19% 26%)
Tints · Shades · Tones
Tints
- C54AA3
- CD60AD
- D575B8
- DD89C2
- E49DCC
- EAB1D6
- F0C4E0
- F6D8EB
- FBEBF5
Shades
- A32784
- 8B2070
- 73195D
- 5D124A
- 470C38
- 320627
- 1F0317
- 0D0108
- 020001
Tones
- B73D97
- B24794
- AD5192
- A85990
- A2618D
- 9C688B
- 966E88
- 8F7586
- 887A83
Color harmonies
Complementary +180°
- BC2F99
Fandango
- 008A5A
≈ Vital Green
Analogous -30° +30°
- BC2F99
Fandango
- 9944CC
≈ Purple Vanity
- CF2158
≈ Vampire Fangs
Triadic +120° +240°
- BC2F99
Fandango
- 847500
≈ Soft Fig
- 00819D
≈ Decore Splash
Split-complementary +150° +210°
- BC2F99
Fandango
- 568400
≈ Avocado
- 008681
≈ Green Lapis
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.24:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--fandango: #bc2f99;
--fandango-rgb: 188 47 153;
--fandango-oklch: oklch(0.559 0.206 340);
}
.element {
color: var(--fandango);
background-color: hsl(315 60% 46%);
border-color: oklch(0.559 0.206 340);
}Tailwind CSS v4
@theme {
--color-fandango: #bc2f99;
--color-fandango-50: #ffdeff;
--color-fandango-100: #ffcdfb;
--color-fandango-200: #ffb0ed;
--color-fandango-300: #fd89d5;
--color-fandango-400: #ea65c4;
--color-fandango-500: #d739b0;
--color-fandango-600: #b63294;
--color-fandango-700: #922877;
--color-fandango-800: #6c1c5a;
--color-fandango-900: #4c123f;
--color-fandango-950: #320428;
}SCSS
$fandango: #bc2f99;
$fandango-rgb: 188, 47, 153;
$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);
}