Nazwany kolor · #44AA00
Early Dew
Early Dew to #44AA00: rgb(68 170 0), hsl(96 100% 33%), oklch(0.651 0.202 138.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Early Dew color name →
#44AA00
oklch(0.651 0.202 138.1)
Konwersje koloru
- HEX
- #44aa00
- RGB
- rgb(68 170 0)
- HSL
- hsl(96 100% 33%)
- HWB
- hwb(96 0% 33%)
- OKLCH
- oklch(0.651 0.202 138.1)
- OKLab
- oklab(0.651 -0.15 0.135)
- CIE Lab
- lab(61.74 -49.33 61.22)
- LCH
- lch(61.74 78.62 128.9)
- CMYK
- cmyk(60% 0% 100% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5AB336
- 6EBC52
- 81C56A
- 93CD80
- A6D696
- B7DEAB
- C9E7C0
- DBEFD5
- EDF7EA
Odcienie ciemniejsze
- 3A9300
- 307D00
- 266800
- 1D5300
- 143F00
- 0C2D00
- 051B00
- 020B00
- 000100
Tony
- 4DA626
- 55A237
- 5C9E45
- 639A50
- 699659
- 6E9262
- 738E6A
- 788972
- 7C8579
Harmonie kolorów
Komplementarna +180°
- 44AA00
Early Dew
- C15EDD
≈ Thick Pink
Analogowa -30° +30°
- 44AA00
Early Dew
- 989500
≈ Turtle Moss
- 00A980
≈ Simply Green
Triada +120° +240°
- 44AA00
Early Dew
- 3D8CFF
≈ Bleuchâtel Blue
- F14B5F
≈ Calypso Coral
Komplementarna rozszczepiona +150° +210°
- 44AA00
Early Dew
- 8E74FF
≈ Blackthorn Berry
- E24EA5
≈ Orion
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.00:1 · APCA Lc 56
Ag
AANa czerni
WCAG 6.99:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 6.99:1 (AA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--early-dew: #44aa00;
--early-dew-rgb: 68 170 0;
--early-dew-oklch: oklch(0.651 0.202 138.1);
}
.element {
color: var(--early-dew);
background-color: hsl(96 100% 33%);
border-color: oklch(0.651 0.202 138.1);
}Tailwind CSS v4
@theme {
--color-early-dew: #44aa00;
--color-early-dew-50: #d7ffcd;
--color-early-dew-100: #c4f9b9;
--color-early-dew-200: #a5ea96;
--color-early-dew-300: #7bd069;
--color-early-dew-400: #59b931;
--color-early-dew-500: #2aa200;
--color-early-dew-600: #268900;
--color-early-dew-700: #1f6e00;
--color-early-dew-800: #1a5000;
--color-early-dew-900: #113800;
--color-early-dew-950: #032200;
}SCSS
$early-dew: #44aa00;
$early-dew-rgb: 68, 170, 0;
$early-dew-light: mix(#fff, $early-dew, 20%);
$early-dew-dark: mix(#000, $early-dew, 20%);
.element {
color: $early-dew;
box-shadow: 0 0 0 2px rgba($early-dew, 0.35);
}