Colore con nome · #669900
Gecko’s Dream
Gecko’s Dream è #669900: rgb(102 153 0), hsl(80 100% 30%), oklch(0.623 0.166 129.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Gecko’s Dream color name →
#669900
oklch(0.623 0.166 129.4)
Conversioni di colore
- HEX
- #669900
- RGB
- rgb(102 153 0)
- HSL
- hsl(80 100% 30%)
- HWB
- hwb(80 0% 40%)
- OKLCH
- oklch(0.623 0.166 129.4)
- OKLab
- oklab(0.623 -0.105 0.128)
- CIE Lab
- lab(57.84 -32.19 59.07)
- LCH
- lch(57.84 67.27 118.6)
- CMYK
- cmyk(33% 0% 100% 40%)
Tinte · Ombre · Toni
Tinte
- 75A333
- 83AE4F
- 92B867
- A1C27D
- B0CC93
- C0D7A9
- CFE1BE
- DFEBD4
- EFF5E9
Ombre
- 588400
- 4A7000
- 3C5D00
- 2F4A00
- 233800
- 172700
- 0C1700
- 040800
- 000100
Toni
- 699724
- 6C9535
- 6E9242
- 71904D
- 748E57
- 768B60
- 798869
- 7B8671
- 7E8379
Armonie di colore
Complementare +180°
- 669900
Gecko’s Dream
- A566D1
≈ Rich Lavender
Analogo -30° +30°
- 669900
Gecko’s Dream
- 9A8700
≈ Medusa Green
- 00A067
≈ Emerald Light Green
Triadico +120° +240°
- 669900
Gecko’s Dream
- 178BE6
≈ Bleu de France
- D65371
≈ Kenny’s Kiss
Complementare divisa +150° +210°
- 669900
Gecko’s Dream
- 7577E8
≈ Hera Blue
- C559A7
≈ Mazzy Star
Tetradico +90° +180° +270°
- 669900
Gecko’s Dream
- 0096B5
≈ Bondi Blue
- A566D1
≈ Rich Lavender
- D75B2F
≈ Vermilion Waxcap
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.43:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.12:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--gecko-s-dream: #669900;
--gecko-s-dream-rgb: 102 153 0;
--gecko-s-dream-oklch: oklch(0.623 0.166 129.4);
}
.element {
color: var(--gecko-s-dream);
background-color: hsl(80 100% 30%);
border-color: oklch(0.623 0.166 129.4);
}Tailwind CSS v4
@theme {
--color-gecko-s-dream: #669900;
--color-gecko-s-dream-50: #e4ffce;
--color-gecko-s-dream-100: #d4f4ba;
--color-gecko-s-dream-200: #bbe398;
--color-gecko-s-dream-300: #99c96c;
--color-gecko-s-dream-400: #7fb139;
--color-gecko-s-dream-500: #629900;
--color-gecko-s-dream-600: #538200;
--color-gecko-s-dream-700: #426800;
--color-gecko-s-dream-800: #324c00;
--color-gecko-s-dream-900: #223500;
--color-gecko-s-dream-950: #112000;
}SCSS
$gecko-s-dream: #669900;
$gecko-s-dream-rgb: 102, 153, 0;
$gecko-s-dream-light: mix(#fff, $gecko-s-dream, 20%);
$gecko-s-dream-dark: mix(#000, $gecko-s-dream, 20%);
.element {
color: $gecko-s-dream;
box-shadow: 0 0 0 2px rgba($gecko-s-dream, 0.35);
}