Nearest named color · #BF3A82
#BF3A82
Nearest named color: Very Berry
#BF3A82 (rgb(191 58 130), hsl(328 53% 49%), oklch(0.564 0.182 351.2)) is closest to the named color Very Berry. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BF3A82
oklch(0.564 0.182 351.2)
Color conversions
- HEX
- #bf3a82
- RGB
- rgb(191 58 130)
- HSL
- hsl(328 53% 49%)
- HWB
- hwb(328 23% 25%)
- OKLCH
- oklch(0.564 0.182 351.2)
- OKLab
- oklab(0.564 0.18 -0.028)
- CIE Lab
- lab(46.95 57.96 -9.78)
- LCH
- lch(46.95 58.78 350.4)
- CMYK
- cmyk(0% 70% 32% 25%)
Tints · Shades · Tones
Tints
- C8518E
- D0669A
- D87AA6
- DF8DB2
- E6A0BF
- ECB3CB
- F1C6D8
- F7D9E5
- FBECF2
Shades
- A63170
- 8D285F
- 75204E
- 5E183E
- 48102F
- 330920
- 1F0412
- 0D0106
- 020001
Tones
- BA4582
- B54E82
- B05682
- AA5D81
- A46481
- 9E6A81
- 977081
- 907581
- 887B80
Color harmonies
Complementary +180°
- BF3A82
Very Berry
- 008A6D
≈ Carolina Green
Analogous -30° +30°
- BF3A82
Very Berry
- A448B5
≈ Fuchsia Pheromone
- CA3843
≈ Poinsettia
Triadic +120° +240°
- BF3A82
Very Berry
- 797C00
≈ Flag Green
- 0080AC
≈ Oh so Vo
Split-complementary +150° +210°
- BF3A82
Very Berry
- 218E0A
≈ Diamine Green
- 00868D
≈ Totally Teal
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.06:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.14:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 5.06:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--very-berry: #bf3a82;
--very-berry-rgb: 191 58 130;
--very-berry-oklch: oklch(0.564 0.182 351.2);
}
.element {
color: var(--very-berry);
background-color: hsl(328 53% 49%);
border-color: oklch(0.564 0.182 351.2);
}Tailwind CSS v4
@theme {
--color-very-berry: #bf3a82;
--color-very-berry-50: #ffe0f9;
--color-very-berry-100: #ffcfed;
--color-very-berry-200: #ffb3db;
--color-very-berry-300: #fe8ebf;
--color-very-berry-400: #eb6bab;
--color-very-berry-500: #d94394;
--color-very-berry-600: #b73a7d;
--color-very-berry-700: #932f64;
--color-very-berry-800: #6d214c;
--color-very-berry-900: #4d1635;
--color-very-berry-950: #320620;
}SCSS
$very-berry: #bf3a82;
$very-berry-rgb: 191, 58, 130;
$very-berry-light: mix(#fff, $very-berry, 20%);
$very-berry-dark: mix(#000, $very-berry, 20%);
.element {
color: $very-berry;
box-shadow: 0 0 0 2px rgba($very-berry, 0.35);
}