#B0F98D#B0F98D

#B0F98D is a very light, vivid green. Relative luminance 0.789; OKLCH L 91.0% C 0.157 H 136.2°. Best body text is #000000 at 16.78:1 contrast (WCAG AA passes).

Color values

HEX#B0F98D
RGBrgb(176, 249, 141)
HSLhsl(101, 90%, 76%)
HSVhsv(101, 43%, 98%)
CMYKcmyk(29.3%, 0%, 43.4%, 2.4%)
CIE-LABlab(91.19, -41.40, 44.69)
CIE-LCHlch(91.19, 60.92, 132.81°)
OKLaboklab(90.97% -0.1136 0.109)
OKLCHoklch(90.97% 0.157 136.2)
XYZxyz(56.5864, 78.9025, 37.4424)
Luminance0.7891 (WCAG relative)
Temperaturewarm
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B0F98D #D68DF9
analogous
#E6F98D #B0F98D #8DF9A0
triadic
#B0F98D #8DB0F9 #F98DB0
tetradic
#B0F98D #8DE6F9 #D68DF9 #F9A08D
square
#B0F98D #8DE6F9 #D68DF9 #F9A08D
split-complementary
#B0F98D #A08DF9 #F98DE6
monochromatic
#5FF319 #88F653 #B0F98D #D8FCC7 #EBFDE2

Accessibility & contrast

On white

1.25
#B0F98D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.78
#B0F98D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B0F98D
16.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B0F98D#FFFFFF#000000##000000
##B0F98D1.001.2516.7816.78
#FFFFFF1.251.0021.0021.00
#00000016.7821.001.001.00
##00000016.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA85
Deuteranopia (green-blind)
#F5E393
Tritanopia (blue-blind)
#AEF2DF
Achromatopsia (no color)
#E6E6E6

Design tokens & code

CSS
--color: #b0f98d;
/* rgb */ color: rgb(176, 249, 141);
/* oklch */ color: oklch(91.0% 0.157 136.2);
Tailwind
colors: {
  custom: {
    50: '#cafbb0',
    500: '#b0f98d',
    950: '#000000',
  },
}
SCSS
$custom: #b0f98d;
$custom-light: #cafbb0;
$custom-dark: #000000;
JSON
{
  "hex": "#b0f98d",
  "rgb": {
    "r": 176,
    "g": 249,
    "b": 141
  },
  "hsl": {
    "h": 100.556,
    "s": 90,
    "l": 76.471
  },
  "oklch": {
    "l": 0.90972,
    "c": 0.1574,
    "h": 136.2
  },
  "luminance": 0.78905
}

Semantic roles & 50–950 ramp

primary
#B0F98D
secondary
#AD52D8
accent
#00E69B
background
#FEFFFD
surface
#FAFFF7
border
#D3D7D0
text
#131710
muted
#838581

Preview Lab

Preview with #B0F98D

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#B0F98D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva