Colore con nome · #00AA44
Fennel Fiasco
Fennel Fiasco è #00AA44: rgb(0 170 68), hsl(144 100% 33%), oklch(0.644 0.186 148.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Fennel Fiasco color name →
#00AA44
oklch(0.644 0.186 148.1)
Conversioni di colore
- HEX
- #00aa44
- RGB
- rgb(0 170 68)
- HSL
- hsl(144 100% 33%)
- HWB
- hwb(144 0% 33%)
- OKLCH
- oklch(0.644 0.186 148.1)
- OKLab
- oklab(0.644 -0.158 0.098)
- CIE Lab
- lab(60.93 -55.08 40.64)
- LCH
- lch(60.93 68.45 143.6)
- CMYK
- cmyk(100% 0% 60% 33%)
Tinte · Ombre · Toni
Tinte
- 3BB358
- 58BC6C
- 70C57E
- 86CD91
- 9BD6A3
- B0DEB5
- C4E7C7
- D8EFDA
- EBF7EC
Ombre
- 00933A
- 007D30
- 006826
- 00531D
- 003F14
- 002D0C
- 001B05
- 000B02
- 000100
Toni
- 2AA64C
- 3CA254
- 4A9E5A
- 559A61
- 5E9667
- 66926C
- 6E8E71
- 748976
- 7A857B
Armonie di colore
Complementare +180°
- 00AA44
Fennel Fiasco
- C75CC5
≈ Purple Urn Orchid
Analogo -30° +30°
- 00AA44
Fennel Fiasco
- 869800
≈ BioShock
- 00A48D
≈ Brilliant Turquoise
Triadico +120° +240°
- 00AA44
Fennel Fiasco
- 5D83FD
≈ Skinny Jeans
- E85448
≈ Blazing
Complementare divisa +150° +210°
- 00AA44
Fennel Fiasco
- 9D6EED
≈ Forgotten Purple
- E1518D
≈ Raspberry Pink
Tetradico +90° +180° +270°
- 00AA44
Fennel Fiasco
- 0097D9
≈ Atmosphere
- C75CC5
≈ Purple Urn Orchid
- D07100
≈ Autumn Maple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.07:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.83:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.83:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--fennel-fiasco: #00aa44;
--fennel-fiasco-rgb: 0 170 68;
--fennel-fiasco-oklch: oklch(0.644 0.186 148.1);
}
.element {
color: var(--fennel-fiasco);
background-color: hsl(144 100% 33%);
border-color: oklch(0.644 0.186 148.1);
}Tailwind CSS v4
@theme {
--color-fennel-fiasco: #00aa44;
--color-fennel-fiasco-50: #d0ffda;
--color-fennel-fiasco-100: #bcfac7;
--color-fennel-fiasco-200: #98ebaa;
--color-fennel-fiasco-300: #68d283;
--color-fennel-fiasco-400: #39bb5a;
--color-fennel-fiasco-500: #00a531;
--color-fennel-fiasco-600: #008b2b;
--color-fennel-fiasco-700: #007022;
--color-fennel-fiasco-800: #005212;
--color-fennel-fiasco-900: #00390c;
--color-fennel-fiasco-950: #002301;
}SCSS
$fennel-fiasco: #00aa44;
$fennel-fiasco-rgb: 0, 170, 68;
$fennel-fiasco-light: mix(#fff, $fennel-fiasco, 20%);
$fennel-fiasco-dark: mix(#000, $fennel-fiasco, 20%);
.element {
color: $fennel-fiasco;
box-shadow: 0 0 0 2px rgba($fennel-fiasco, 0.35);
}