Nazwany kolor · #77424E
Berry Bush
Berry Bush to #77424E: rgb(119 66 78), hsl(346 29% 36%), oklch(0.447 0.075 6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Berry Bush color name →
#77424E
oklch(0.447 0.075 6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 85535E
- 92656E
- A0777F
- AE8A90
- BB9CA2
- C9B0B4
- D6C3C6
- E4D7D9
- F1EBEC
Odcienie ciemniejsze
- 673843
- 572F38
- 47252D
- 381C23
- 2A1419
- 1C0B0F
- 100507
- 050102
- 010000
Tony
- 794853
- 7A4F58
- 7B555D
- 7C5B61
- 7D6166
- 7E676C
- 7F6E71
- 7F7476
- 807A7B
Harmonie kolorów
Komplementarna +180°
- 77424E
Berry Bush
- 0D625B
≈ Empress Teal
Analogowa -30° +30°
- 77424E
Berry Bush
- 6E4464
≈ Wizard Time
- 784537
≈ Peanut
Triada +120° +240°
- 77424E
Berry Bush
- 4A5C2C
≈ Woodman
- 2E587B
≈ Venice Blue
Komplementarna rozszczepiona +150° +210°
- 77424E
Berry Bush
- 2E6143
≈ Green Pea
- 105E6F
≈ Galapagos
Tetrada +90° +180° +270°
- 77424E
Berry Bush
- 61541E
≈ Tucumán Green
- 0D625B
≈ Empress Teal
- 49507E
≈ Roman Violet
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.85:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.67:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.85:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}