Benannte Farbe · #7D5857
Berry Brandy
Berry Brandy ist #7D5857: rgb(125 88 87), hsl(2 18% 42%), oklch(0.499 0.049 20.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Berry Brandy color name →
#7D5857
oklch(0.499 0.049 20.7)
Farbumrechnungen
- HEX
- #7d5857
- RGB
- rgb(125 88 87)
- HSL
- hsl(2 18% 42%)
- HWB
- hwb(2 34% 51%)
- OKLCH
- oklch(0.499 0.049 20.7)
- OKLab
- oklab(0.499 0.046 0.017)
- CIE Lab
- lab(41.43 15.64 6.99)
- LCH
- lch(41.43 17.14 24.1)
- CMYK
- cmyk(0% 30% 30% 51%)
Tints · Shades · Tones
Tints
- 8A6766
- 967776
- A38786
- B09796
- BDA8A7
- CAB9B8
- D7CAC9
- E4DBDB
- F2EDED
Shades
- 6C4B4B
- 5B3F3E
- 4B3333
- 3B2827
- 2C1D1C
- 1E1212
- 110908
- 050303
- 010000
Tones
- 7E5C5B
- 7E605F
- 7F6463
- 7F6867
- 7F6C6B
- 80706F
- 807473
- 807878
- 807C7C
Farbharmonien
Komplementär +180°
- 7D5857
Berry Brandy
- 3F6C6E
≈ Moat
Analog -30° +30°
- 7D5857
Berry Brandy
- 795867
≈ Royal Fig
- 7A5B4A
≈ Burns Cave
Triadisch +120° +240°
- 7D5857
Berry Brandy
- 546A50
≈ Daylight Jungle
- 536480
≈ Luxe Blue
Geteilt komplementär +150° +210°
- 7D5857
Berry Brandy
- 456C5F
≈ Smoke Pine
- 45697A
≈ Planet Green
Tetradisch +90° +180° +270°
- 7D5857
Berry Brandy
- 646645
≈ Woodland
- 3F6C6E
≈ Moat
- 635E7E
≈ Strong Iris
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.16:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.40:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--berry-brandy: #7d5857;
--berry-brandy-rgb: 125 88 87;
--berry-brandy-oklch: oklch(0.499 0.049 20.7);
}
.element {
color: var(--berry-brandy);
background-color: hsl(2 18% 42%);
border-color: oklch(0.499 0.049 20.7);
}Tailwind CSS v4
@theme {
--color-berry-brandy: #7d5857;
--color-berry-brandy-50: #fff0ef;
--color-berry-brandy-100: #f8e2e0;
--color-berry-brandy-200: #e9cdca;
--color-berry-brandy-300: #d0aeac;
--color-berry-brandy-400: #ba9392;
--color-berry-brandy-500: #a57978;
--color-berry-brandy-600: #8b6766;
--color-berry-brandy-700: #705251;
--color-berry-brandy-800: #523c3c;
--color-berry-brandy-900: #392929;
--color-berry-brandy-950: #241717;
}SCSS
$berry-brandy: #7d5857;
$berry-brandy-rgb: 125, 88, 87;
$berry-brandy-light: mix(#fff, $berry-brandy, 20%);
$berry-brandy-dark: mix(#000, $berry-brandy, 20%);
.element {
color: $berry-brandy;
box-shadow: 0 0 0 2px rgba($berry-brandy, 0.35);
}