Nazwany kolor · #448844
Beating Around the Bush
Beating Around the Bush to #448844: rgb(68 136 68), hsl(120 33% 40%), oklch(0.565 0.122 143.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Beating Around the Bush color name →
#448844
oklch(0.565 0.122 143.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 579456
- 6A9F69
- 7DAB7B
- 8FB78D
- A1C3A0
- B4CFB2
- C6DBC5
- D9E7D8
- ECF3EB
Odcienie ciemniejsze
- 3A753A
- 306330
- 265226
- 1D411D
- 143114
- 0C220C
- 051305
- 020602
- 000100
Tony
- 4C874B
- 538752
- 598658
- 5F865E
- 658564
- 6B846A
- 70836F
- 768275
- 7B817B
Harmonie kolorów
Komplementarna +180°
- 448844
Beating Around the Bush
- 985B9F
≈ Heath Spotted Orchid
Analogowa -30° +30°
- 448844
Beating Around the Bush
- 767D0E
≈ Flag Green
- 008A71
≈ Industrial Turquoise
Triada +120° +240°
- 448844
Beating Around the Bush
- 5073BE
≈ Diva Violet
- B35552
≈ Deep Rose
Komplementarna rozszczepiona +150° +210°
- 448844
Beating Around the Bush
- 7A66B6
≈ Ultra Violet
- AC547B
≈ Guppy Violet
Tetrada +90° +180° +270°
- 448844
Beating Around the Bush
- 0080B0
≈ Turkish Blue
- 985B9F
≈ Heath Spotted Orchid
- AC5F25
≈ Plaguelands Hazel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.32:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.85:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
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);
}