Benannte Farbe · #AA6772
Berry Crush
Berry Crush ist #AA6772: rgb(170 103 114), hsl(350 28% 54%), oklch(0.59 0.087 9.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Berry Crush color name →
#AA6772
oklch(0.59 0.087 9.4)
Farbumrechnungen
- HEX
- #aa6772
- RGB
- rgb(170 103 114)
- HSL
- hsl(350 28% 54%)
- HWB
- hwb(350 40% 33%)
- OKLCH
- oklch(0.59 0.087 9.4)
- OKLab
- oklab(0.59 0.086 0.014)
- CIE Lab
- lab(51.48 28.63 5.91)
- LCH
- lch(51.48 29.24 11.7)
- CMYK
- cmyk(0% 39% 33% 33%)
Tints · Shades · Tones
Tints
- B3767F
- BC848D
- C5939A
- CEA2A8
- D6B1B6
- DFC0C4
- E7D0D3
- EFDFE1
- F7EFF0
Shades
- 935962
- 7D4B53
- 683D44
- 533036
- 3F2328
- 2D171B
- 1B0C0E
- 0B0404
- 010001
Tones
- A66A73
- A36D75
- 9F6F76
- 9B7278
- 977479
- 92777A
- 8E797C
- 8A7C7D
- 857E7F
Farbharmonien
Komplementär +180°
- AA6772
Berry Crush
- 2F8E88
≈ Taos Turquoise
Analog -30° +30°
- AA6772
Berry Crush
- A0698E
≈ Berry Pretty
- AA6B56
≈ Mojave Sunset
Triadisch +120° +240°
- AA6772
Berry Crush
- 6D884F
≈ Green Suede
- 5381AF
≈ Azul Pavo Real
Geteilt komplementär +150° +210°
- AA6772
Berry Crush
- 4B8D6B
≈ Aegean Green
- 3589A1
≈ Waikiki
Tetradisch +90° +180° +270°
- AA6772
Berry Crush
- 8A7E3D
≈ Koke Moss
- 2F8E88
≈ Taos Turquoise
- 7378B1
≈ Magic Moment
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.29:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.89:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.89:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--berry-crush: #aa6772;
--berry-crush-rgb: 170 103 114;
--berry-crush-oklch: oklch(0.59 0.087 9.4);
}
.element {
color: var(--berry-crush);
background-color: hsl(350 28% 54%);
border-color: oklch(0.59 0.087 9.4);
}Tailwind CSS v4
@theme {
--color-berry-crush: #aa6772;
--color-berry-crush-50: #ffecef;
--color-berry-crush-100: #ffdde0;
--color-berry-crush-200: #f7c6cb;
--color-berry-crush-300: #e0a5ac;
--color-berry-crush-400: #cc8993;
--color-berry-crush-500: #b86d79;
--color-berry-crush-600: #9b5d67;
--color-berry-crush-700: #7c4a52;
--color-berry-crush-800: #5c353d;
--color-berry-crush-900: #40242a;
--color-berry-crush-950: #291317;
}SCSS
$berry-crush: #aa6772;
$berry-crush-rgb: 170, 103, 114;
$berry-crush-light: mix(#fff, $berry-crush, 20%);
$berry-crush-dark: mix(#000, $berry-crush, 20%);
.element {
color: $berry-crush;
box-shadow: 0 0 0 2px rgba($berry-crush, 0.35);
}