Nearest named color · #7FE49B
#7FE49B
Nearest named color: Enchanted Emerald
#7FE49B (rgb(127 228 155), hsl(137 65% 70%), oklch(0.839 0.14 151.3)) is closest to the named color Enchanted Emerald. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7FE49B
oklch(0.839 0.14 151.3)
Color conversions
- HEX
- #7fe49b
- RGB
- rgb(127 228 155)
- HSL
- hsl(137 65% 70%)
- HWB
- hwb(137 50% 11%)
- OKLCH
- oklch(0.839 0.14 151.3)
- OKLab
- oklab(0.839 -0.123 0.067)
- CIE Lab
- lab(83.09 -42.68 26.16)
- LCH
- lch(83.09 50.06 148.5)
- CMYK
- cmyk(44% 0% 32% 11%)
Tints · Shades · Tones
Tints
- 8EE7A5
- 9CEAAF
- A9EDB9
- B6F0C3
- C3F2CD
- CFF5D7
- DBF8E1
- E7FAEB
- F3FDF5
Shades
- 6EC686
- 5DA972
- 4C8D5E
- 3C724B
- 2D5839
- 1F3F28
- 112818
- 061209
- 010301
Tones
- 81DA99
- 82D096
- 83C594
- 84BB91
- 84B18E
- 84A78C
- 839D89
- 839486
- 818A83
Color harmonies
Complementary +180°
- 7FE49B
Enchanted Emerald
- FFA7F4
≈ Pink Wink
Analogous -30° +30°
- 7FE49B
Enchanted Emerald
- BCD86A
≈ Glow Worm
- 38E7D0
≈ MoS₂ Cyan
Triadic +120° +240°
- 7FE49B
Enchanted Emerald
- B7C8FF
≈ Light Periwinkle
- FFB5A6
≈ Washed-Out Crimson
Split-complementary +150° +210°
- 7FE49B
Enchanted Emerald
- D5BCFF
≈ Lavender Fragrance
- FFB0C6
≈ Baby’s Blanket
Tetradic +90° +180° +270°
- 7FE49B
Enchanted Emerald
- 95D2FF
≈ Long Island Sound
- FFA7F4
≈ Pink Wink
- FFB97D
≈ Macaroni and Cheese
Contrast & accessibility
Ag
FailOn white
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.47:1 · APCA Lc 78
Best text color: #000000
WCAG 13.47:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--enchanted-emerald: #7fe49b;
--enchanted-emerald-rgb: 127 228 155;
--enchanted-emerald-oklch: oklch(0.839 0.14 151.3);
}
.element {
color: var(--enchanted-emerald);
background-color: hsl(137 65% 70%);
border-color: oklch(0.839 0.14 151.3);
}Tailwind CSS v4
@theme {
--color-enchanted-emerald: #7fe49b;
--color-enchanted-emerald-50: #d8ffe3;
--color-enchanted-emerald-100: #c5f6d2;
--color-enchanted-emerald-200: #a6e6b8;
--color-enchanted-emerald-300: #7ccc96;
--color-enchanted-emerald-400: #57b673;
--color-enchanted-emerald-500: #219f53;
--color-enchanted-emerald-600: #208747;
--color-enchanted-emerald-700: #1a6c39;
--color-enchanted-emerald-800: #154f26;
--color-enchanted-emerald-900: #0e3719;
--color-enchanted-emerald-950: #01220a;
}SCSS
$enchanted-emerald: #7fe49b;
$enchanted-emerald-rgb: 127, 228, 155;
$enchanted-emerald-light: mix(#fff, $enchanted-emerald, 20%);
$enchanted-emerald-dark: mix(#000, $enchanted-emerald, 20%);
.element {
color: $enchanted-emerald;
box-shadow: 0 0 0 2px rgba($enchanted-emerald, 0.35);
}