Named color · #8F5973
Blackberry Tint
Blackberry Tint is #8F5973: rgb(143 89 115), hsl(331 23% 45%), oklch(0.532 0.079 349.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Blackberry Tint color name →
#8F5973
oklch(0.532 0.079 349.8)
Color conversions
- HEX
- #8f5973
- RGB
- rgb(143 89 115)
- HSL
- hsl(331 23% 45%)
- HWB
- hwb(331 35% 44%)
- OKLCH
- oklch(0.532 0.079 349.8)
- OKLab
- oklab(0.532 0.078 -0.014)
- CIE Lab
- lab(44.68 25.68 -5.03)
- LCH
- lch(44.68 26.16 348.9)
- CMYK
- cmyk(0% 38% 20% 44%)
Tints · Shades · Tones
Tints
- 9A6980
- A6788D
- B1889B
- BC99A9
- C8A9B7
- D3BAC5
- DECBD3
- E9DCE1
- F4EDF0
Shades
- 7C4C63
- 694054
- 573445
- 452836
- 341D28
- 24131B
- 15090F
- 070305
- 010001
Tones
- 8E5D74
- 8D6176
- 8C6577
- 8A6978
- 896D7A
- 87717B
- 86757C
- 84797D
- 827C7F
Color harmonies
Complementary +180°
- 8F5973
Blackberry Tint
- 367B65
≈ Trans Tasman
Analogous -30° +30°
- 8F5973
Blackberry Tint
- 815D89
≈ Muted Purple
- 955959
≈ Gallery Red
Triadic +120° +240°
- 8F5973
Blackberry Tint
- 6F7037
≈ Aged Mustard Green
- 357591
≈ Soul Search
Split-complementary +150° +210°
- 8F5973
Blackberry Tint
- 54784B
≈ Torrey Pine
- 247A7E
≈ Atoll
Tetradic +90° +180° +270°
- 8F5973
Blackberry Tint
- 856733
≈ By Gum
- 367B65
≈ Trans Tasman
- 516D9A
≈ San Marino
Contrast & accessibility
Ag
AAOn white
WCAG 5.46:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.84:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--blackberry-tint: #8f5973;
--blackberry-tint-rgb: 143 89 115;
--blackberry-tint-oklch: oklch(0.532 0.079 349.8);
}
.element {
color: var(--blackberry-tint);
background-color: hsl(331 23% 45%);
border-color: oklch(0.532 0.079 349.8);
}Tailwind CSS v4
@theme {
--color-blackberry-tint: #8f5973;
--color-blackberry-tint-50: #ffecf8;
--color-blackberry-tint-100: #fedeeb;
--color-blackberry-tint-200: #f0c7d8;
--color-blackberry-tint-300: #d8a7bc;
--color-blackberry-tint-400: #c38ba5;
--color-blackberry-tint-500: #ae708e;
--color-blackberry-tint-600: #935f78;
--color-blackberry-tint-700: #764c60;
--color-blackberry-tint-800: #573747;
--color-blackberry-tint-900: #3d2631;
--color-blackberry-tint-950: #26141d;
}SCSS
$blackberry-tint: #8f5973;
$blackberry-tint-rgb: 143, 89, 115;
$blackberry-tint-light: mix(#fff, $blackberry-tint, 20%);
$blackberry-tint-dark: mix(#000, $blackberry-tint, 20%);
.element {
color: $blackberry-tint;
box-shadow: 0 0 0 2px rgba($blackberry-tint, 0.35);
}