Colore con nome · #44AA00
Early Dew
Early Dew è #44AA00: rgb(68 170 0), hsl(96 100% 33%), oklch(0.651 0.202 138.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Early Dew color name →
#44AA00
oklch(0.651 0.202 138.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 5AB336
- 6EBC52
- 81C56A
- 93CD80
- A6D696
- B7DEAB
- C9E7C0
- DBEFD5
- EDF7EA
Ombre
- 3A9300
- 307D00
- 266800
- 1D5300
- 143F00
- 0C2D00
- 051B00
- 020B00
- 000100
Toni
- 4DA626
- 55A237
- 5C9E45
- 639A50
- 699659
- 6E9262
- 738E6A
- 788972
- 7C8579
Armonie di colore
Complementare +180°
- 44AA00
Early Dew
- C15EDD
≈ Thick Pink
Analogo -30° +30°
- 44AA00
Early Dew
- 989500
≈ Turtle Moss
- 00A980
≈ Simply Green
Triadico +120° +240°
- 44AA00
Early Dew
- 3D8CFF
≈ Bleuchâtel Blue
- F14B5F
≈ Calypso Coral
Complementare divisa +150° +210°
- 44AA00
Early Dew
- 8E74FF
≈ Blackthorn Berry
- E24EA5
≈ Orion
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.00:1 · APCA Lc 56
Ag
AASu nero
WCAG 6.99:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 6.99:1 (AA) · APCA Lc 46
Contrast pairs
Frammenti di codice
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);
}