Named color · #36FF9A
Eva Green
Eva Green is #36FF9A: rgb(54 255 154), hsl(150 100% 61%), oklch(0.883 0.206 155). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Eva Green color name →
#36FF9A
oklch(0.883 0.206 155)
Color conversions
- HEX
- #36ff9a
- RGB
- rgb(54 255 154)
- HSL
- hsl(150 100% 61%)
- HWB
- hwb(150 21% 0%)
- OKLCH
- oklch(0.883 0.206 155)
- OKLab
- oklab(0.883 -0.187 0.087)
- CIE Lab
- lab(89.14 -66.11 34.17)
- LCH
- lch(89.14 74.42 152.7)
- CMYK
- cmyk(79% 0% 40% 0%)
Tints · Shades · Tones
Tints
- 5DFFA5
- 78FFAF
- 8EFFB9
- A2FFC4
- B4FFCE
- C4FFD8
- D4FFE2
- E3FFEB
- F1FFF5
Shades
- 2EDE85
- 25BE71
- 1E9E5E
- 16804B
- 0F6339
- 084827
- 032E17
- 011609
- 000301
Tones
- 4CF298
- 5BE596
- 65D894
- 6DCB91
- 73BF8F
- 78B28C
- 7BA689
- 7E9986
- 7F8D83
Color harmonies
Complementary +180°
- 36FF9A
Eva Green
- FFC2F1
≈ Pink Quartz
Analogous -30° +30°
- 36FF9A
Eva Green
- BAEF36
≈ Pick Your Poison
- 00F9E6
≈ Bright Aqua
Triadic +120° +240°
- 36FF9A
Eva Green
- CDD6FF
≈ Pale Phthalo Blue
- FFCBBD
≈ Piggy Bank
Split-complementary +150° +210°
- 36FF9A
Eva Green
- E3CDFF
≈ Lens Flare Pink
- FFC8D3
≈ Sweet Sixteen
Tetradic +90° +180° +270°
- 36FF9A
Eva Green
- B8DEFF
≈ Broad Daylight
- FFC2F1
≈ Pink Quartz
- FFCEA0
≈ Peach Beach
Contrast & accessibility
Ag
FailOn white
WCAG 1.31:1 · APCA Lc 15
Ag
AAAOn black
WCAG 15.92:1 · APCA Lc 89
Best text color: #000000
WCAG 15.92:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--eva-green: #36ff9a;
--eva-green-rgb: 54 255 154;
--eva-green-oklch: oklch(0.883 0.206 155);
}
.element {
color: var(--eva-green);
background-color: hsl(150 100% 61%);
border-color: oklch(0.883 0.206 155);
}Tailwind CSS v4
@theme {
--color-eva-green: #36ff9a;
--color-eva-green-50: #c4ffde;
--color-eva-green-100: #adfdcc;
--color-eva-green-200: #82efb1;
--color-eva-green-300: #40d68c;
--color-eva-green-400: #00c065;
--color-eva-green-500: #00aa40;
--color-eva-green-600: #009037;
--color-eva-green-700: #00732c;
--color-eva-green-800: #00551a;
--color-eva-green-900: #003b11;
--color-eva-green-950: #002504;
}SCSS
$eva-green: #36ff9a;
$eva-green-rgb: 54, 255, 154;
$eva-green-light: mix(#fff, $eva-green, 20%);
$eva-green-dark: mix(#000, $eva-green, 20%);
.element {
color: $eva-green;
box-shadow: 0 0 0 2px rgba($eva-green, 0.35);
}