Nearest named color · #34D399
#34D399
Nearest named color: Magical Malachite
#34D399 (rgb(52 211 153), hsl(158 64% 52%), oklch(0.773 0.153 163.2)) is closest to the named color Magical Malachite. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#34D399
oklch(0.773 0.153 163.2)
Color conversions
- HEX
- #34d399
- RGB
- rgb(52 211 153)
- HSL
- hsl(158 64% 52%)
- HWB
- hwb(158 20% 17%)
- OKLCH
- oklch(0.773 0.153 163.2)
- OKLab
- oklab(0.773 -0.147 0.044)
- CIE Lab
- lab(75.7 -52.19 16.76)
- LCH
- lch(75.7 54.81 162.2)
- CMYK
- cmyk(75% 0% 27% 17%)
Tints · Shades · Tones
Tints
- 56D8A3
- 6FDDAD
- 85E1B7
- 99E6C1
- ABEACB
- BDEFD6
- CEF3E0
- DEF7EA
- EFFBF5
Shades
- 2CB784
- 249C70
- 1C825D
- 15694A
- 0E5138
- 073A27
- 032417
- 011008
- 000201
Tones
- 47CB97
- 54C294
- 5EBA92
- 66B28F
- 6CAA8D
- 72A18A
- 769988
- 7A9185
- 7D8883
Color harmonies
Complementary +180°
- 34D399
Magical Malachite
- F78BCE
≈ Bubblegum Beam
Analogous -30° +30°
- 34D399
Magical Malachite
- 8DCA5E
≈ Vivid Spring
- 00CFCD
≈ Blue Martina
Triadic +120° +240°
- 34D399
Magical Malachite
- ABABFF
≈ Shy Moment
- FF9568
≈ Mock Orange
Split-complementary +150° +210°
- 34D399
Magical Malachite
- D796FA
≈ Plasma Trail
- FF8F9C
≈ Conch Shell
Tetradic +90° +180° +270°
- 34D399
Magical Malachite
- 7EB9FF
≈ Parakeet Blue
- F78BCE
≈ Bubblegum Beam
- EFA429
≈ Lemon Dream
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 36
Ag
AAAOn black
WCAG 10.92:1 · APCA Lc 66
Best text color: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--magical-malachite: #34d399;
--magical-malachite-rgb: 52 211 153;
--magical-malachite-oklch: oklch(0.773 0.153 163.2);
}
.element {
color: var(--magical-malachite);
background-color: hsl(158 64% 52%);
border-color: oklch(0.773 0.153 163.2);
}Tailwind CSS v4
@theme {
--color-magical-malachite: #34d399;
--color-magical-malachite-50: #cdffea;
--color-magical-malachite-100: #b8f9db;
--color-magical-malachite-200: #92e9c4;
--color-magical-malachite-300: #5fd0a4;
--color-magical-malachite-400: #1bba84;
--color-magical-malachite-500: #00a468;
--color-magical-malachite-600: #008b58;
--color-magical-malachite-700: #006f46;
--color-magical-malachite-800: #005230;
--color-magical-malachite-900: #003921;
--color-magical-malachite-950: #002310;
}SCSS
$magical-malachite: #34d399;
$magical-malachite-rgb: 52, 211, 153;
$magical-malachite-light: mix(#fff, $magical-malachite, 20%);
$magical-malachite-dark: mix(#000, $magical-malachite, 20%);
.element {
color: $magical-malachite;
box-shadow: 0 0 0 2px rgba($magical-malachite, 0.35);
}