Benannte Farbe · #5C3C55
Blackberry Wine
Blackberry Wine ist #5C3C55: rgb(92 60 85), hsl(313 21% 30%), oklch(0.402 0.059 334.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Blackberry Wine color name →
#5C3C55
oklch(0.402 0.059 334.8)
Farbumrechnungen
- HEX
- #5c3c55
- RGB
- rgb(92 60 85)
- HSL
- hsl(313 21% 30%)
- HWB
- hwb(313 24% 64%)
- OKLCH
- oklch(0.402 0.059 334.8)
- OKLab
- oklab(0.402 0.053 -0.025)
- CIE Lab
- lab(29.84 17.79 -9.16)
- LCH
- lch(29.84 20.01 332.8)
- CMYK
- cmyk(0% 35% 8% 64%)
Tints · Shades · Tones
Tints
- 6B4D65
- 7B5F74
- 8B7285
- 9B8595
- AB98A6
- BBACB7
- CCC0C9
- DDD5DB
- EEEAED
Shades
- 4F3349
- 422A3D
- 362131
- 2A1926
- 1F111C
- 140A11
- 0A0408
- 030102
- 000000
Tones
- 604359
- 64495D
- 675062
- 6B5766
- 6F5D6A
- 72646F
- 766B73
- 797277
- 7D797C
Farbharmonien
Komplementär +180°
- 5C3C55
Blackberry Wine
- 2D523A
≈ Green Stain
Analog -30° +30°
- 5C3C55
Blackberry Wine
- 504062
≈ Royal Indigo
- 633B44
≈ Kung Fu
Triadisch +120° +240°
- 5C3C55
Blackberry Wine
- 524821
≈ Codium Fragile
- 1A505C
≈ Genetic Code
Geteilt komplementär +150° +210°
- 5C3C55
Blackberry Wine
- 414E2A
≈ Bronze Tone
- 1B534C
≈ Lacustral
Tetradisch +90° +180° +270°
- 5C3C55
Blackberry Wine
- 5E4125
≈ Brown Hen
- 2D523A
≈ Green Stain
- 2B4C66
≈ Majolica Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.40:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.23:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--blackberry-wine: #5c3c55;
--blackberry-wine-rgb: 92 60 85;
--blackberry-wine-oklch: oklch(0.402 0.059 334.8);
}
.element {
color: var(--blackberry-wine);
background-color: hsl(313 21% 30%);
border-color: oklch(0.402 0.059 334.8);
}Tailwind CSS v4
@theme {
--color-blackberry-wine: #5c3c55;
--color-blackberry-wine-50: #ffeffb;
--color-blackberry-wine-100: #f6e1ef;
--color-blackberry-wine-200: #e6cbde;
--color-blackberry-wine-300: #ccacc3;
--color-blackberry-wine-400: #b592ac;
--color-blackberry-wine-500: #9f7896;
--color-blackberry-wine-600: #86657f;
--color-blackberry-wine-700: #6c5165;
--color-blackberry-wine-800: #4f3b4b;
--color-blackberry-wine-900: #372834;
--color-blackberry-wine-950: #221620;
}SCSS
$blackberry-wine: #5c3c55;
$blackberry-wine-rgb: 92, 60, 85;
$blackberry-wine-light: mix(#fff, $blackberry-wine, 20%);
$blackberry-wine-dark: mix(#000, $blackberry-wine, 20%);
.element {
color: $blackberry-wine;
box-shadow: 0 0 0 2px rgba($blackberry-wine, 0.35);
}