Colore con nome · #00AA11
Hedged Garden
Hedged Garden è #00AA11: rgb(0 170 17), hsl(126 100% 33%), oklch(0.64 0.214 143). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Hedged Garden color name →
#00AA11
oklch(0.64 0.214 143)
Conversioni di colore
- HEX
- #00aa11
- RGB
- rgb(0 170 17)
- HSL
- hsl(126 100% 33%)
- HWB
- hwb(126 0% 33%)
- OKLCH
- oklch(0.64 0.214 143)
- OKLab
- oklab(0.64 -0.171 0.129)
- CIE Lab
- lab(60.65 -58.16 57.43)
- LCH
- lch(60.65 81.74 135.4)
- CMYK
- cmyk(100% 0% 90% 33%)
Tinte · Ombre · Toni
Tinte
- 3AB33A
- 57BC54
- 6FC56B
- 85CE81
- 9BD697
- AFDFAC
- C3E7C0
- D7EFD5
- EBF7EA
Ombre
- 00930D
- 007D09
- 006806
- 005304
- 003F02
- 002D01
- 001B00
- 000B00
- 000100
Toni
- 29A62B
- 3CA33A
- 499F47
- 549B51
- 5D975A
- 669263
- 6D8E6B
- 748A72
- 7A8579
Armonie di colore
Complementare +180°
- 00AA11
Hedged Garden
- C752D5
≈ Thick Pink
Analogo -30° +30°
- 00AA11
Hedged Garden
- 8D9400
≈ Snakes in the Grass
- 00A485
≈ Congo Green
Triadico +120° +240°
- 00AA11
Hedged Garden
- 4A85FF
≈ Bleuchâtel Blue
- F3404A
≈ Glowing Brake Disc
Complementare divisa +150° +210°
- 00AA11
Hedged Garden
- 9569FF
≈ Purple Anemone
- E64197
≈ Schiaparelli Pink
Tetradico +90° +180° +270°
- 00AA11
Hedged Garden
- 0098CF
≈ Blithe
- C752D5
≈ Thick Pink
- D56A00
≈ Cinnamon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.10:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.75:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.75:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--hedged-garden: #00aa11;
--hedged-garden-rgb: 0 170 17;
--hedged-garden-oklch: oklch(0.64 0.214 143);
}
.element {
color: var(--hedged-garden);
background-color: hsl(126 100% 33%);
border-color: oklch(0.64 0.214 143);
}Tailwind CSS v4
@theme {
--color-hedged-garden: #00aa11;
--color-hedged-garden-50: #cfffd0;
--color-hedged-garden-100: #bbfbbc;
--color-hedged-garden-200: #97ec9a;
--color-hedged-garden-300: #67d36e;
--color-hedged-garden-400: #3abc3a;
--color-hedged-garden-500: #00a600;
--color-hedged-garden-600: #008c00;
--color-hedged-garden-700: #007100;
--color-hedged-garden-800: #005200;
--color-hedged-garden-900: #003a00;
--color-hedged-garden-950: #002400;
}SCSS
$hedged-garden: #00aa11;
$hedged-garden-rgb: 0, 170, 17;
$hedged-garden-light: mix(#fff, $hedged-garden, 20%);
$hedged-garden-dark: mix(#000, $hedged-garden, 20%);
.element {
color: $hedged-garden;
box-shadow: 0 0 0 2px rgba($hedged-garden, 0.35);
}