Colore con nome · #77424E
Berry Bush
Berry Bush è #77424E: rgb(119 66 78), hsl(346 29% 36%), oklch(0.447 0.075 6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Berry Bush color name →
#77424E
oklch(0.447 0.075 6)
Conversioni di colore
- HEX
- #77424e
- RGB
- rgb(119 66 78)
- HSL
- hsl(346 29% 36%)
- HWB
- hwb(346 26% 53%)
- OKLCH
- oklch(0.447 0.075 6)
- OKLab
- oklab(0.447 0.074 0.008)
- CIE Lab
- lab(34.95 24.59 3.32)
- LCH
- lch(34.95 24.81 7.7)
- CMYK
- cmyk(0% 45% 34% 53%)
Tinte · Ombre · Toni
Tinte
- 85535E
- 92656E
- A0777F
- AE8A90
- BB9CA2
- C9B0B4
- D6C3C6
- E4D7D9
- F1EBEC
Ombre
- 673843
- 572F38
- 47252D
- 381C23
- 2A1419
- 1C0B0F
- 100507
- 050102
- 010000
Toni
- 794853
- 7A4F58
- 7B555D
- 7C5B61
- 7D6166
- 7E676C
- 7F6E71
- 7F7476
- 807A7B
Armonie di colore
Complementare +180°
- 77424E
Berry Bush
- 0D625B
≈ Empress Teal
Analogo -30° +30°
- 77424E
Berry Bush
- 6E4464
≈ Wizard Time
- 784537
≈ Peanut
Triadico +120° +240°
- 77424E
Berry Bush
- 4A5C2C
≈ Woodman
- 2E587B
≈ Venice Blue
Complementare divisa +150° +210°
- 77424E
Berry Bush
- 2E6143
≈ Green Pea
- 105E6F
≈ Galapagos
Tetradico +90° +180° +270°
- 77424E
Berry Bush
- 61541E
≈ Tucumán Green
- 0D625B
≈ Empress Teal
- 49507E
≈ Roman Violet
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.85:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.67:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.85:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--berry-bush: #77424e;
--berry-bush-rgb: 119 66 78;
--berry-bush-oklch: oklch(0.447 0.075 6);
}
.element {
color: var(--berry-bush);
background-color: hsl(346 29% 36%);
border-color: oklch(0.447 0.075 6);
}Tailwind CSS v4
@theme {
--color-berry-bush: #77424e;
--color-berry-bush-50: #ffedf1;
--color-berry-bush-100: #ffdee3;
--color-berry-bush-200: #f2c8ce;
--color-berry-bush-300: #daa8b0;
--color-berry-bush-400: #c58c98;
--color-berry-bush-500: #b1717e;
--color-berry-bush-600: #95606b;
--color-berry-bush-700: #784d56;
--color-berry-bush-800: #58373f;
--color-berry-bush-900: #3e262c;
--color-berry-bush-950: #271419;
}SCSS
$berry-bush: #77424e;
$berry-bush-rgb: 119, 66, 78;
$berry-bush-light: mix(#fff, $berry-bush, 20%);
$berry-bush-dark: mix(#000, $berry-bush, 20%);
.element {
color: $berry-bush;
box-shadow: 0 0 0 2px rgba($berry-bush, 0.35);
}