Colore con nome più vicino · #35AF6A
#35AF6A
Colore con nome più vicino: Green Mana
#35AF6A (rgb(53 175 106), hsl(146 54% 45%), oklch(0.67 0.148 154.1)) è più vicino al colore con nome Green Mana. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#35AF6A
oklch(0.67 0.148 154.1)
Conversioni di colore
- HEX
- #35af6a
- RGB
- rgb(53 175 106)
- HSL
- hsl(146 54% 45%)
- HWB
- hwb(146 21% 31%)
- OKLCH
- oklch(0.67 0.148 154.1)
- OKLab
- oklab(0.67 -0.133 0.065)
- CIE Lab
- lab(63.67 -46.82 25.33)
- LCH
- lch(63.67 53.23 151.6)
- CMYK
- cmyk(70% 0% 39% 31%)
Tinte · Ombre · Toni
Tinte
- 51B779
- 68BF87
- 7DC896
- 91D0A5
- A4D8B3
- B6E0C2
- C9E8D1
- DBEFE0
- EDF7F0
Ombre
- 2D985B
- 25814D
- 1D6B3F
- 155631
- 0E4124
- 082E18
- 031C0D
- 010B04
- 000100
Toni
- 43AB6D
- 4EA66F
- 58A172
- 609D74
- 669876
- 6D9378
- 728F7A
- 778A7C
- 7C857E
Armonie di colore
Complementare +180°
- 35AF6A
Green Mana
- CB6FBA
≈ Gulābī Pink
Analogo -30° +30°
- 35AF6A
Green Mana
- 83A42C
≈ Spring Vegetables
- 00AD9E
≈ Billiard
Triadico +120° +240°
- 35AF6A
Green Mana
- 7A8CEF
≈ Lavender Blue Shadow
- E16F55
≈ Dusty Orange
Complementare divisa +150° +210°
- 35AF6A
Green Mana
- A97CDE
≈ Lavender Blossom
- DE6A8B
≈ Kiss Me More
Tetradico +90° +180° +270°
- 35AF6A
Green Mana
- 2E9DE9
≈ Button Blue
- CB6FBA
≈ Gulābī Pink
- D37E10
≈ Autumn Leaf Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--green-mana: #35af6a;
--green-mana-rgb: 53 175 106;
--green-mana-oklch: oklch(0.67 0.148 154.1);
}
.element {
color: var(--green-mana);
background-color: hsl(146 54% 45%);
border-color: oklch(0.67 0.148 154.1);
}Tailwind CSS v4
@theme {
--color-green-mana: #35af6a;
--color-green-mana-50: #d4ffe4;
--color-green-mana-100: #c1f7d4;
--color-green-mana-200: #9fe8ba;
--color-green-mana-300: #73ce97;
--color-green-mana-400: #49b775;
--color-green-mana-500: #00a156;
--color-green-mana-600: #008849;
--color-green-mana-700: #006d3a;
--color-green-mana-800: #065027;
--color-green-mana-900: #05381a;
--color-green-mana-950: #00220b;
}SCSS
$green-mana: #35af6a;
$green-mana-rgb: 53, 175, 106;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}