Nazwany kolor · #44AA11
Botanical Garden
Botanical Garden to #44AA11: rgb(68 170 17), hsl(100 82% 37%), oklch(0.652 0.198 138.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Botanical Garden color name →
#44AA11
oklch(0.652 0.198 138.6)
Konwersje koloru
- HEX
- #44aa11
- RGB
- rgb(68 170 17)
- HSL
- hsl(100 82% 37%)
- HWB
- hwb(100 7% 33%)
- OKLCH
- oklch(0.652 0.198 138.6)
- OKLab
- oklab(0.652 -0.149 0.131)
- CIE Lab
- lab(61.77 -49.03 58.91)
- LCH
- lch(61.77 76.64 129.8)
- CMYK
- cmyk(60% 0% 90% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5AB33A
- 6EBC55
- 81C56C
- 94CD82
- A6D697
- B8DEAC
- C9E7C1
- DBEFD5
- EDF7EA
Odcienie ciemniejsze
- 3A930D
- 307D09
- 266806
- 1D5304
- 143F02
- 0C2D01
- 051B00
- 020B00
- 000100
Tony
- 4DA62B
- 55A23B
- 5D9E47
- 639A52
- 69965B
- 6E9263
- 738E6B
- 788972
- 7C8579
Harmonie kolorów
Komplementarna +180°
- 44AA11
Botanical Garden
- C15FDB
≈ Thick Pink
Analogowa -30° +30°
- 44AA11
Botanical Garden
- 989500
≈ Turtle Moss
- 00A981
≈ Simply Green
Triada +120° +240°
- 44AA11
Botanical Garden
- 408CFF
≈ Bleuchâtel Blue
- F04D5F
≈ Calypso Coral
Komplementarna rozszczepiona +150° +210°
- 44AA11
Botanical Garden
- 8F74FF
≈ Blackthorn Berry
- E250A3
≈ Orion
Tetrada +90° +180° +270°
- 44AA11
Botanical Garden
- 009DCD
≈ Structural Blue
- C15FDB
≈ Thick Pink
- E16700
≈ Orange Danger
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.99:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.00:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.00:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--botanical-garden: #44aa11;
--botanical-garden-rgb: 68 170 17;
--botanical-garden-oklch: oklch(0.652 0.198 138.6);
}
.element {
color: var(--botanical-garden);
background-color: hsl(100 82% 37%);
border-color: oklch(0.652 0.198 138.6);
}Tailwind CSS v4
@theme {
--color-botanical-garden: #44aa11;
--color-botanical-garden-50: #d7ffce;
--color-botanical-garden-100: #c4f9ba;
--color-botanical-garden-200: #a5e998;
--color-botanical-garden-300: #7bd06c;
--color-botanical-garden-400: #59b836;
--color-botanical-garden-500: #2aa200;
--color-botanical-garden-600: #268900;
--color-botanical-garden-700: #1f6e00;
--color-botanical-garden-800: #1a5000;
--color-botanical-garden-900: #113800;
--color-botanical-garden-950: #032200;
}SCSS
$botanical-garden: #44aa11;
$botanical-garden-rgb: 68, 170, 17;
$botanical-garden-light: mix(#fff, $botanical-garden, 20%);
$botanical-garden-dark: mix(#000, $botanical-garden, 20%);
.element {
color: $botanical-garden;
box-shadow: 0 0 0 2px rgba($botanical-garden, 0.35);
}