#B1DC86

#B1DC86

Color Values

HEX

#B1DC86

RGB

177, 220, 134

HSL

90.0, 55.1%, 69.4%

HSV

90.0, 39.1%, 86.3%

CMYK

19.5%, 0.0%, 39.1%, 13.7%

OKLCH

0.8438 0.1217 130.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#B1DC86

#B186DC

Analogous

#DCDC86

#86DC86

#B1DC86

Triadic

#B1DC86

#86B1DC

#DC86B1

Split Complementary

#B1DC86

#8686DC

#DC86DC

Tetradic

#B1DC86

#86DCDC

#B186DC

#DC8686

Color Blindness Simulation

Original

#B1DC86

Protanopia

#C4C49B

Deuteranopia

#C1BEA0

Tritanopia

#B3ABAF

Achromatopsia

#CDCDCD

CSS Usage

background-color: #B1DC86;
color: #B1DC86;
border-color: #B1DC86;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DBEFC8
300
#C2E4A0
400
#A1D56D
500
#80C639
600
#669E2E
700
#527F25
800
#40631D
900
#304818
950
#1F2E0F

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026