Benannte Farbe · #624D55
Berry Wine
Berry Wine ist #624D55: rgb(98 77 85), hsl(337 12% 34%), oklch(0.445 0.031 353.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Berry Wine color name →
#624D55
oklch(0.445 0.031 353.6)
Farbumrechnungen
- HEX
- #624d55
- RGB
- rgb(98 77 85)
- HSL
- hsl(337 12% 34%)
- HWB
- hwb(337 30% 62%)
- OKLCH
- oklch(0.445 0.031 353.6)
- OKLab
- oklab(0.445 0.03 -0.003)
- CIE Lab
- lab(35.18 10.2 -1.19)
- LCH
- lch(35.18 10.27 353.3)
- CMYK
- cmyk(0% 21% 13% 62%)
Tints · Shades · Tones
Tints
- 715D64
- 806E74
- 8F7E84
- 9E9095
- AEA2A6
- BEB4B7
- CEC6C9
- DED9DB
- EEECED
Shades
- 544249
- 47373D
- 3A2C31
- 2D2226
- 21181C
- 160F11
- 0B0708
- 030202
- 000000
Tones
- 655259
- 68575D
- 6B5C62
- 6E6166
- 71666A
- 746B6E
- 777073
- 7A7677
- 7D7B7C
Farbharmonien
Komplementär +180°
- 624D55
Berry Wine
- 425A52
≈ Canadian Fir
Analog -30° +30°
- 624D55
Berry Wine
- 5C4E5E
≈ Purple Fury
- 644D4C
≈ Soul Searching
Triadisch +120° +240°
- 624D55
Berry Wine
- 535642
≈ Freshwater Marsh
- 435762
≈ San Juan
Geteilt komplementär +150° +210°
- 624D55
Berry Wine
- 4A5849
≈ Deep Evergreen
- 40595B
≈ Otter Creek
Tetradisch +90° +180° +270°
- 624D55
Berry Wine
- 5C5341
≈ Shadow Ridge
- 425A52
≈ Canadian Fir
- 4B5465
≈ Mystical Shade
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.74:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.74:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--berry-wine: #624d55;
--berry-wine-rgb: 98 77 85;
--berry-wine-oklch: oklch(0.445 0.031 353.6);
}
.element {
color: var(--berry-wine);
background-color: hsl(337 12% 34%);
border-color: oklch(0.445 0.031 353.6);
}Tailwind CSS v4
@theme {
--color-berry-wine: #624d55;
--color-berry-wine-50: #fdf2f5;
--color-berry-wine-100: #f1e4e8;
--color-berry-wine-200: #e0cfd5;
--color-berry-wine-300: #c5b1b8;
--color-berry-wine-400: #ae97a0;
--color-berry-wine-500: #977e88;
--color-berry-wine-600: #806b73;
--color-berry-wine-700: #67555c;
--color-berry-wine-800: #4b3e43;
--color-berry-wine-900: #342b2f;
--color-berry-wine-950: #20181b;
}SCSS
$berry-wine: #624d55;
$berry-wine-rgb: 98, 77, 85;
$berry-wine-light: mix(#fff, $berry-wine, 20%);
$berry-wine-dark: mix(#000, $berry-wine, 20%);
.element {
color: $berry-wine;
box-shadow: 0 0 0 2px rgba($berry-wine, 0.35);
}