Colore con nome · #88CC00
Fabulous Frog
Fabulous Frog è #88CC00: rgb(136 204 0), hsl(80 100% 40%), oklch(0.77 0.206 129.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Fabulous Frog color name →
#88CC00
oklch(0.77 0.206 129.7)
Conversioni di colore
- HEX
- #88cc00
- RGB
- rgb(136 204 0)
- HSL
- hsl(80 100% 40%)
- HWB
- hwb(80 0% 20%)
- OKLCH
- oklch(0.77 0.206 129.7)
- OKLab
- oklab(0.77 -0.132 0.159)
- CIE Lab
- lab(75.31 -40.35 73)
- LCH
- lch(75.31 83.41 118.9)
- CMYK
- cmyk(33% 0% 100% 20%)
Tinte · Ombre · Toni
Tinte
- 94D23E
- A0D75B
- ABDD74
- B7E28A
- C3E79E
- CFECB2
- DBF1C6
- E7F6D9
- F3FBEC
Ombre
- 75B100
- 639700
- 527E00
- 416500
- 314E00
- 223700
- 132200
- 060F00
- 010200
Toni
- 88C52C
- 87BD3F
- 86B64D
- 86AE58
- 85A761
- 849F68
- 83976F
- 829075
- 81887B
Armonie di colore
Complementare +180°
- 88CC00
Fabulous Frog
- D296FF
≈ Lilás
Analogo -30° +30°
- 88CC00
Fabulous Frog
- CDB500
≈ Mustard
- 00D58C
≈ Envy’s Love
Triadico +120° +240°
- 88CC00
Fabulous Frog
- 74BAFF
≈ Cooler Than Ever
- FF8CA0
≈ Charming Cherry
Complementare divisa +150° +210°
- 88CC00
Fabulous Frog
- A5ACFF
≈ Shy Moment
- FF7FDA
≈ Splash of Grenadine
Tetradico +90° +180° +270°
- 88CC00
Fabulous Frog
- 00C8F1
≈ Picnic Day Sky
- D296FF
≈ Lilás
- FF936E
≈ Hibiscus Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.68:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--fabulous-frog: #88cc00;
--fabulous-frog-rgb: 136 204 0;
--fabulous-frog-oklch: oklch(0.77 0.206 129.7);
}
.element {
color: var(--fabulous-frog);
background-color: hsl(80 100% 40%);
border-color: oklch(0.77 0.206 129.7);
}Tailwind CSS v4
@theme {
--color-fabulous-frog: #88cc00;
--color-fabulous-frog-50: #e0ffc5;
--color-fabulous-frog-100: #cff7af;
--color-fabulous-frog-200: #b4e788;
--color-fabulous-frog-300: #90cc54;
--color-fabulous-frog-400: #75b400;
--color-fabulous-frog-500: #569d00;
--color-fabulous-frog-600: #498500;
--color-fabulous-frog-700: #3a6a00;
--color-fabulous-frog-800: #2d4e00;
--color-fabulous-frog-900: #1f3600;
--color-fabulous-frog-950: #0e2100;
}SCSS
$fabulous-frog: #88cc00;
$fabulous-frog-rgb: 136, 204, 0;
$fabulous-frog-light: mix(#fff, $fabulous-frog, 20%);
$fabulous-frog-dark: mix(#000, $fabulous-frog, 20%);
.element {
color: $fabulous-frog;
box-shadow: 0 0 0 2px rgba($fabulous-frog, 0.35);
}