Colore con nome · #1EF876
Synthetic Spearmint
Synthetic Spearmint è #1EF876: rgb(30 248 118), hsl(144 94% 55%), oklch(0.857 0.232 149.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Synthetic Spearmint color name →
#1EF876
oklch(0.857 0.232 149.7)
Conversioni di colore
- HEX
- #1ef876
- RGB
- rgb(30 248 118)
- HSL
- hsl(144 94% 55%)
- HWB
- hwb(144 12% 3%)
- OKLCH
- oklch(0.857 0.232 149.7)
- OKLab
- oklab(0.857 -0.201 0.117)
- CIE Lab
- lab(86.35 -70.4 47.6)
- LCH
- lch(86.35 84.98 145.9)
- CMYK
- cmyk(88% 0% 52% 3%)
Tinte · Ombre · Toni
Tinte
- 52F986
- 70FB94
- 87FCA3
- 9CFDB0
- AFFEBE
- C0FECB
- D1FFD8
- E1FFE5
- F0FFF2
Ombre
- 19D866
- 13B856
- 0E9A47
- 097C38
- 056029
- 03451C
- 012C0F
- 001505
- 000301
Toni
- 3FEC79
- 51E07B
- 5ED47D
- 67C87E
- 6FBC80
- 74B080
- 79A481
- 7C9881
- 7E8C80
Armonie di colore
Complementare +180°
- 1EF876
Synthetic Spearmint
- FFB2F8
≈ Pink Apotheosis
Analogo -30° +30°
- 1EF876
Synthetic Spearmint
- C1E200
≈ Sour Green
- 00F1D3
≈ Frozen Boubble
Triadico +120° +240°
- 1EF876
Synthetic Spearmint
- BECFFF
≈ Ice Cold Stare
- FFBEB3
≈ Melon Water
Complementare divisa +150° +210°
- 1EF876
Synthetic Spearmint
- D8C5FF
≈ Neon Boneyard
- FFBACE
≈ Tentacle Pink
Tetradico +90° +180° +270°
- 1EF876
Synthetic Spearmint
- A1D8FF
≈ Malmö FF
- FFB2F8
≈ Pink Apotheosis
- FFC291
≈ Tuscan Wall
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.74:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.74:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--synthetic-spearmint: #1ef876;
--synthetic-spearmint-rgb: 30 248 118;
--synthetic-spearmint-oklch: oklch(0.857 0.232 149.7);
}
.element {
color: var(--synthetic-spearmint);
background-color: hsl(144 94% 55%);
border-color: oklch(0.857 0.232 149.7);
}Tailwind CSS v4
@theme {
--color-synthetic-spearmint: #1ef876;
--color-synthetic-spearmint-50: #c3ffd4;
--color-synthetic-spearmint-100: #acffc1;
--color-synthetic-spearmint-200: #80f0a2;
--color-synthetic-spearmint-300: #3cd878;
--color-synthetic-spearmint-400: #00c148;
--color-synthetic-spearmint-500: #00ab01;
--color-synthetic-spearmint-600: #00910b;
--color-synthetic-spearmint-700: #00740b;
--color-synthetic-spearmint-800: #005500;
--color-synthetic-spearmint-900: #003c00;
--color-synthetic-spearmint-950: #002500;
}SCSS
$synthetic-spearmint: #1ef876;
$synthetic-spearmint-rgb: 30, 248, 118;
$synthetic-spearmint-light: mix(#fff, $synthetic-spearmint, 20%);
$synthetic-spearmint-dark: mix(#000, $synthetic-spearmint, 20%);
.element {
color: $synthetic-spearmint;
box-shadow: 0 0 0 2px rgba($synthetic-spearmint, 0.35);
}