Named color · #B0FF9D
Lens Flare Green
Lens Flare Green is #B0FF9D: rgb(176 255 157), hsl(108 100% 81%), oklch(0.926 0.15 139.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Lens Flare Green color name →
#B0FF9D
oklch(0.926 0.15 139.6)
Color conversions
- HEX
- #b0ff9d
- RGB
- rgb(176 255 157)
- HSL
- hsl(108 100% 81%)
- HWB
- hwb(108 62% 0%)
- OKLCH
- oklch(0.926 0.15 139.6)
- OKLab
- oklab(0.926 -0.114 0.097)
- CIE Lab
- lab(93.19 -38.45 38.86)
- LCH
- lch(93.19 54.67 134.7)
- CMYK
- cmyk(31% 0% 38% 0%)
Tints · Shades · Tones
Tints
- B9FFA8
- C1FFB2
- C9FFBC
- D1FFC6
- D9FFD0
- E1FFD9
- E9FFE3
- F0FFEC
- F8FFF6
Shades
- 99DE88
- 82BE73
- 6C9E5F
- 56804C
- 42633A
- 2E4828
- 1C2E18
- 0B1609
- 010301
Tones
- ACF29B
- A7E599
- A3D896
- 9ECB93
- 99BE91
- 94B28E
- 90A58A
- 8A9987
- 858C84
Color harmonies
Complementary +180°
- B0FF9D
Lens Flare Green
- F8DBFF
≈ Sugarpills
Analogous -30° +30°
- B0FF9D
Lens Flare Green
- EDEF6F
≈ Crash Dummy
- 95FFDB
≈ Freezy Wind
Triadic +120° +240°
- B0FF9D
Lens Flare Green
- D9E8FF
≈ Veiling Waterfalls
- FFDDDC
≈ Rose Tonic
Split-complementary +150° +210°
- B0FF9D
Lens Flare Green
- E5E3FF
≈ Lavender Mist
- FFDBEB
≈ Rose Glow
Tetradic +90° +180° +270°
- B0FF9D
Lens Flare Green
- C9EDFF
≈ Heaven’s Gate
- F8DBFF
≈ Sugarpills
- FFDFCE
≈ Toronja
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.63:1 · APCA Lc 95
Best text color: #000000
WCAG 17.63:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--lens-flare-green: #b0ff9d;
--lens-flare-green-rgb: 176 255 157;
--lens-flare-green-oklch: oklch(0.926 0.15 139.6);
}
.element {
color: var(--lens-flare-green);
background-color: hsl(108 100% 81%);
border-color: oklch(0.926 0.15 139.6);
}Tailwind CSS v4
@theme {
--color-lens-flare-green: #b0ff9d;
--color-lens-flare-green-50: #deffd9;
--color-lens-flare-green-100: #ccf5c7;
--color-lens-flare-green-200: #b0e5a9;
--color-lens-flare-green-300: #8acb82;
--color-lens-flare-green-400: #6cb35a;
--color-lens-flare-green-500: #489d31;
--color-lens-flare-green-600: #3e852b;
--color-lens-flare-green-700: #326a22;
--color-lens-flare-green-800: #264e14;
--color-lens-flare-green-900: #19360d;
--color-lens-flare-green-950: #092101;
}SCSS
$lens-flare-green: #b0ff9d;
$lens-flare-green-rgb: 176, 255, 157;
$lens-flare-green-light: mix(#fff, $lens-flare-green, 20%);
$lens-flare-green-dark: mix(#000, $lens-flare-green, 20%);
.element {
color: $lens-flare-green;
box-shadow: 0 0 0 2px rgba($lens-flare-green, 0.35);
}