Colore con nome · #3AE57F
Weird Green
Weird Green è #3AE57F: rgb(58 229 127), hsl(144 77% 56%), oklch(0.814 0.197 151.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Weird Green color name →
#3AE57F
oklch(0.814 0.197 151.9)
Conversioni di colore
- HEX
- #3ae57f
- RGB
- rgb(58 229 127)
- HSL
- hsl(144 77% 56%)
- HWB
- hwb(144 23% 10%)
- OKLCH
- oklch(0.814 0.197 151.9)
- OKLab
- oklab(0.814 -0.174 0.093)
- CIE Lab
- lab(80.96 -61.07 36.86)
- LCH
- lch(80.96 71.33 148.9)
- CMYK
- cmyk(75% 0% 45% 10%)
Tinte · Ombre · Toni
Tinte
- 5CE88D
- 75EB9A
- 8AEEA7
- 9DF1B4
- AFF4C0
- C0F6CD
- D0F9D9
- E0FBE6
- F0FDF2
Ombre
- 31C76E
- 28AA5D
- 208E4C
- 18723C
- 10582D
- 093F1F
- 042811
- 011206
- 000301
Toni
- 4CDB80
- 58D181
- 62C781
- 6ABD82
- 70B282
- 75A882
- 799E82
- 7C9481
- 7E8A81
Armonie di colore
Complementare +180°
- 3AE57F
Weird Green
- FF98F1
≈ Pink Elephants
Analogo -30° +30°
- 3AE57F
Weird Green
- AED503
≈ Vivid Lime Green
- 00E0C9
≈ Ice Climber
Triadico +120° +240°
- 3AE57F
Weird Green
- ADBFFF
≈ Pastel Blue
- FFA997
≈ Honey Baked Ham
Complementare divisa +150° +210°
- 3AE57F
Weird Green
- D0B1FF
≈ Teasel Dipsacus
- FFA3BD
≈ Amélie’s Tutu
Tetradico +90° +180° +270°
- 3AE57F
Weird Green
- 85CBFF
≈ Platonic Blue
- FF98F1
≈ Pink Elephants
- FFAE63
≈ Dreamy Sunset
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.65:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.69:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.69:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--weird-green: #3ae57f;
--weird-green-rgb: 58 229 127;
--weird-green-oklch: oklch(0.814 0.197 151.9);
}
.element {
color: var(--weird-green);
background-color: hsl(144 77% 56%);
border-color: oklch(0.814 0.197 151.9);
}Tailwind CSS v4
@theme {
--color-weird-green: #3ae57f;
--color-weird-green-50: #caffdc;
--color-weird-green-100: #b4fcca;
--color-weird-green-200: #8dedad;
--color-weird-green-300: #55d488;
--color-weird-green-400: #00be60;
--color-weird-green-500: #00a839;
--color-weird-green-600: #008e32;
--color-weird-green-700: #007227;
--color-weird-green-800: #005417;
--color-weird-green-900: #003a0e;
--color-weird-green-950: #002402;
}SCSS
$weird-green: #3ae57f;
$weird-green-rgb: 58, 229, 127;
$weird-green-light: mix(#fff, $weird-green, 20%);
$weird-green-dark: mix(#000, $weird-green, 20%);
.element {
color: $weird-green;
box-shadow: 0 0 0 2px rgba($weird-green, 0.35);
}