#B1F6B2#B1F6B2

#B1F6B2 is a very light, moderate green. Relative luminance 0.785; OKLCH L 91.0% C 0.115 H 144.9°. Best body text is #000000 at 16.69:1 contrast (WCAG AA passes).

Color values

HEX	#B1F6B2
RGB	rgb(177, 246, 178)
HSL	hsl(121, 79%, 83%)
HSV	hsv(121, 28%, 96%)
CMYK	cmyk(28%, 0%, 27.6%, 3.5%)
CIE-LAB	lab(90.99, -34.37, 26.02)
CIE-LCH	lch(90.99, 43.11, 142.87°)
OKLab	oklab(91.02% -0.0938 0.0659)
OKLCH	oklch(91.02% 0.115 144.9)
XYZ	xyz(59.1206, 78.4707, 54.1422)
Luminance	0.7847 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B1F6B2 #F6B1F5

analogous

#D2F6B1 #B1F6B2 #B1F6D5

triadic

#B1F6B2 #B2B1F6 #F6B2B1

tetradic

#B1F6B2 #B1D2F6 #F6B1F5 #F6D5B1

square

#B1F6B2 #B1D2F6 #F6B1F5 #F6D5B1

split-complementary

#B1F6B2 #D5B1F6 #F6B1D2

monochromatic

#43E946 #7AF07C #B1F6B2 #E4FCE4 #E4FCE4

Accessibility & contrast

On white

1.26

#B1F6B2 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.69

#B1F6B2 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B1F6B2

16.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B1F6B2	#FFFFFF	#000000	##000000
##B1F6B2	1.00	1.26	16.69	16.69
#FFFFFF	1.26	1.00	21.00	21.00
#000000	16.69	21.00	1.00	1.00
##000000	16.69	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F9EAAE

Deuteranopia (green-blind)

#EEE2B6

Tritanopia (blue-blind)

#AAF2E4

Achromatopsia (no color)

#E5E5E5

Design tokens & code

CSS

--color: #b1f6b2;
/* rgb */ color: rgb(177, 246, 178);
/* oklch */ color: oklch(91.0% 0.115 144.9);

Tailwind

colors: {
  custom: {
    50: '#caf9c9',
    500: '#b1f6b2',
    950: '#000000',
  },
}

SCSS

$custom: #b1f6b2;
$custom-light: #caf9c9;
$custom-dark: #000000;

JSON

{
  "hex": "#b1f6b2",
  "rgb": {
    "r": 177,
    "g": 246,
    "b": 178
  },
  "hsl": {
    "h": 120.87,
    "s": 79.31,
    "l": 82.941
  },
  "oklch": {
    "l": 0.91019,
    "c": 0.11469,
    "h": 144.9
  },
  "luminance": 0.78473
}

Semantic roles & 50–950 ramp

primary

#B1F6B2

secondary

#D774D6

accent

#0AD9DC

background

#FEFFFD

surface

#FAFFF9

border

#D3D7D2

text

#131713

muted

#838582

Preview Lab

Preview with #B1F6B2

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

Preview Lab → · Contrast checker → · Palette generator →