Colore con nome · #448844
Beating Around the Bush
Beating Around the Bush è #448844: rgb(68 136 68), hsl(120 33% 40%), oklch(0.565 0.122 143.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Beating Around the Bush color name →
#448844
oklch(0.565 0.122 143.7)
Conversioni di colore
- HEX
- #448844
- RGB
- rgb(68 136 68)
- HSL
- hsl(120 33% 40%)
- HWB
- hwb(120 27% 47%)
- OKLCH
- oklch(0.565 0.122 143.7)
- OKLab
- oklab(0.565 -0.099 0.072)
- CIE Lab
- lab(51.02 -33.62 29.39)
- LCH
- lch(51.02 44.66 138.8)
- CMYK
- cmyk(50% 0% 50% 47%)
Tinte · Ombre · Toni
Tinte
- 579456
- 6A9F69
- 7DAB7B
- 8FB78D
- A1C3A0
- B4CFB2
- C6DBC5
- D9E7D8
- ECF3EB
Ombre
- 3A753A
- 306330
- 265226
- 1D411D
- 143114
- 0C220C
- 051305
- 020602
- 000100
Toni
- 4C874B
- 538752
- 598658
- 5F865E
- 658564
- 6B846A
- 70836F
- 768275
- 7B817B
Armonie di colore
Complementare +180°
- 448844
Beating Around the Bush
- 985B9F
≈ Heath Spotted Orchid
Analogo -30° +30°
- 448844
Beating Around the Bush
- 767D0E
≈ Flag Green
- 008A71
≈ Industrial Turquoise
Triadico +120° +240°
- 448844
Beating Around the Bush
- 5073BE
≈ Diva Violet
- B35552
≈ Deep Rose
Complementare divisa +150° +210°
- 448844
Beating Around the Bush
- 7A66B6
≈ Ultra Violet
- AC547B
≈ Guppy Violet
Tetradico +90° +180° +270°
- 448844
Beating Around the Bush
- 0080B0
≈ Turkish Blue
- 985B9F
≈ Heath Spotted Orchid
- AC5F25
≈ Plaguelands Hazel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.32:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.85:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--beating-around-the-bush: #448844;
--beating-around-the-bush-rgb: 68 136 68;
--beating-around-the-bush-oklch: oklch(0.565 0.122 143.7);
}
.element {
color: var(--beating-around-the-bush);
background-color: hsl(120 33% 40%);
border-color: oklch(0.565 0.122 143.7);
}Tailwind CSS v4
@theme {
--color-beating-around-the-bush: #448844;
--color-beating-around-the-bush-50: #e0ffe1;
--color-beating-around-the-bush-100: #cff4d0;
--color-beating-around-the-bush-200: #b3e3b5;
--color-beating-around-the-bush-300: #8fc991;
--color-beating-around-the-bush-400: #70b16f;
--color-beating-around-the-bush-500: #4e9a4e;
--color-beating-around-the-bush-600: #438343;
--color-beating-around-the-bush-700: #356935;
--color-beating-around-the-bush-800: #284d23;
--color-beating-around-the-bush-900: #1b3517;
--color-beating-around-the-bush-950: #0b2008;
}SCSS
$beating-around-the-bush: #448844;
$beating-around-the-bush-rgb: 68, 136, 68;
$beating-around-the-bush-light: mix(#fff, $beating-around-the-bush, 20%);
$beating-around-the-bush-dark: mix(#000, $beating-around-the-bush, 20%);
.element {
color: $beating-around-the-bush;
box-shadow: 0 0 0 2px rgba($beating-around-the-bush, 0.35);
}