Adlandırılmış renk · #77424E
Berry Bush
Berry Bush, #77424E: rgb(119 66 78), hsl(346 29% 36%), oklch(0.447 0.075 6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Berry Bush color name →
#77424E
oklch(0.447 0.075 6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 85535E
- 92656E
- A0777F
- AE8A90
- BB9CA2
- C9B0B4
- D6C3C6
- E4D7D9
- F1EBEC
Koyu tonlar
- 673843
- 572F38
- 47252D
- 381C23
- 2A1419
- 1C0B0F
- 100507
- 050102
- 010000
Gri tonlar
- 794853
- 7A4F58
- 7B555D
- 7C5B61
- 7D6166
- 7E676C
- 7F6E71
- 7F7476
- 807A7B
Renk uyumları
Tamamlayıcı +180°
- 77424E
Berry Bush
- 0D625B
≈ Empress Teal
Analog -30° +30°
- 77424E
Berry Bush
- 6E4464
≈ Wizard Time
- 784537
≈ Peanut
Üçlü +120° +240°
- 77424E
Berry Bush
- 4A5C2C
≈ Woodman
- 2E587B
≈ Venice Blue
Bölünmüş tamamlayıcı +150° +210°
- 77424E
Berry Bush
- 2E6143
≈ Green Pea
- 105E6F
≈ Galapagos
Dörtlü +90° +180° +270°
- 77424E
Berry Bush
- 61541E
≈ Tucumán Green
- 0D625B
≈ Empress Teal
- 49507E
≈ Roman Violet
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.85:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.67:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.85:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
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);
}