Colore con nome · #4FC172
Acid Sleazebag
Acid Sleazebag è #4FC172: rgb(79 193 114), hsl(138 48% 53%), oklch(0.726 0.154 150.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Acid Sleazebag color name →
#4FC172
oklch(0.726 0.154 150.8)
Conversioni di colore
- HEX
- #4fc172
- RGB
- rgb(79 193 114)
- HSL
- hsl(138 48% 53%)
- HWB
- hwb(138 31% 24%)
- OKLCH
- oklch(0.726 0.154 150.8)
- OKLab
- oklab(0.726 -0.135 0.075)
- CIE Lab
- lab(70.17 -46.93 29.75)
- LCH
- lch(70.17 55.56 147.6)
- CMYK
- cmyk(59% 0% 41% 24%)
Tinte · Ombre · Toni
Tinte
- 65C880
- 79CE8E
- 8BD49C
- 9DDBAA
- AEE1B8
- BEE7C6
- CFEDD4
- DFF3E3
- EFF9F1
Ombre
- 44A762
- 388F53
- 2E7744
- 235F36
- 194928
- 10341B
- 07200E
- 020E04
- 000201
Toni
- 58BB74
- 5FB476
- 66AE78
- 6BA779
- 70A17B
- 749A7C
- 78947D
- 7B8D7E
- 7E877F
Armonie di colore
Complementare +180°
- 4FC172
Acid Sleazebag
- DC80D3
≈ Hibiscus Pop
Analogo -30° +30°
- 4FC172
Acid Sleazebag
- 99B433
≈ Booger
- 00C1AB
≈ Turquoise
Triadico +120° +240°
- 4FC172
Acid Sleazebag
- 86A0FF
≈ Periwinkle Blue
- F87D69
≈ Akebono Dawn
Complementare divisa +150° +210°
- 4FC172
Acid Sleazebag
- B78DF7
≈ Lilac Geode
- F279A1
≈ Pink Carnation
Tetradico +90° +180° +270°
- 4FC172
Acid Sleazebag
- 2FB1FD
≈ Fantasy Console Sky
- DC80D3
≈ Hibiscus Pop
- EB8C2B
≈ Goblin Eyes
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.20:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--acid-sleazebag: #4fc172;
--acid-sleazebag-rgb: 79 193 114;
--acid-sleazebag-oklch: oklch(0.726 0.154 150.8);
}
.element {
color: var(--acid-sleazebag);
background-color: hsl(138 48% 53%);
border-color: oklch(0.726 0.154 150.8);
}Tailwind CSS v4
@theme {
--color-acid-sleazebag: #4fc172;
--color-acid-sleazebag-50: #d5ffe0;
--color-acid-sleazebag-100: #c1f8d0;
--color-acid-sleazebag-200: #a1e8b5;
--color-acid-sleazebag-300: #75ce91;
--color-acid-sleazebag-400: #4db76d;
--color-acid-sleazebag-500: #00a14c;
--color-acid-sleazebag-600: #088841;
--color-acid-sleazebag-700: #0a6d34;
--color-acid-sleazebag-800: #0c5022;
--color-acid-sleazebag-900: #083816;
--color-acid-sleazebag-950: #002207;
}SCSS
$acid-sleazebag: #4fc172;
$acid-sleazebag-rgb: 79, 193, 114;
$acid-sleazebag-light: mix(#fff, $acid-sleazebag, 20%);
$acid-sleazebag-dark: mix(#000, $acid-sleazebag, 20%);
.element {
color: $acid-sleazebag;
box-shadow: 0 0 0 2px rgba($acid-sleazebag, 0.35);
}