Light Mint #B6FFBB

Light Mint is a very light, moderately saturated green with hex code #B6FFBB and RGB rgb(182, 255, 187).

Aa

Black text reads best on this color (18.01:1).

About this color

#B6FFBB is a very light, moderately saturated green. In OKLCH its lightness is 93%, its chroma 0.116 and its hue 146°. Its hue sits between the warm and cool halves of the wheel. It is the named color Light Mint. Black text reads best on it, at 18.01:1.

Hue familyGreens
Lightnessvery light (93%)
Chromamoderately saturated (0.116)
Temperaturein between
Nearest nameLight Mint
Black text18.01:1
White text1.16:1

Colors that go with Light Mint

Matches found by rotating Light Mint around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Light Mint

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Light Mint, closest first.

Similar named colors

The eight named colors closest to Light Mint, with their ΔE distance.

More about Light Mint

How to make Light Mint

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 4 parts white
  • 1 part yellow
  • 1 part green

Recipe result: #CCEFA7, a difference of ΔE 0.044 from Light Mint. That is close; add a little more of one paint to match.

What colors make green? | Color mixing chart

Codes for Light Mint in every format

HEX#B6FFBB
RGBrgb(182, 255, 187)
HSLhsl(124, 100%, 86%)
OKLCHoklch(93.5% 0.116 146.3)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #B6FFBB 1.16:1 Fails Lc -9.2 Not readable
Black text on #B6FFBB 18.01:1 AAA Lc 95.7 Preferred for body text
#B6FFBB text on white 1.16:1 Fails Lc 7.8 Not readable
#B6FFBB text on black 18.01:1 AAA Lc -96.5 Preferred for body text

Shades and tints of Light Mint

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 100.

  1. Step 50

    50

    #EDF9EE

    oklch(97% 0.019 147.9)

  2. Step 100

    100 (this color)

    #B6FFBB

    oklch(93.5% 0.116 146.3)

  3. Step 200

    200

    #B6E9B9

    oklch(88.6% 0.084 146.3)

  4. Step 300

    300

    #7BDA85

    oklch(80.9% 0.149 146.4)

  5. Step 400

    400

    #00C141

    oklch(70.6% 0.214 146.3)

  6. Step 500

    500

    #00A637

    oklch(63.1% 0.191 146.3)

  7. Step 600

    600

    #008C2D

    oklch(55.7% 0.169 146.3)

  8. Step 700

    700

    #007524

    oklch(49% 0.148 146.3)

  9. Step 800

    800

    #00601C

    oklch(42.6% 0.129 146.3)

  10. Step 900

    900

    #005116

    oklch(37.9% 0.115 146.2)

  11. Step 950

    950

    #00300A

    oklch(26.9% 0.081 146.4)

Export this scale for Tailwind in the Tailwind colors tool

Light Mint with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#FFF2B70.091
Deuteranopia (no green cones)#F6EBBF0.091
Tritanopia (no blue cones)#AEFBED0.070
Achromatopsia (no color)#EDEDED0.117

Use Light Mint in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.