#B4FDB1

#B4FDB1

Color Values

HEX

#B4FDB1

RGB

180, 253, 177

HSL

117.6, 95.0%, 84.3%

HSV

117.6, 30.0%, 99.2%

CMYK

28.9%, 0.0%, 30.0%, 0.8%

OKLCH

0.9273 0.1247 143.6

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#B4FDB1

#FAB1FD

Analogous

#DAFDB1

#B1FDD4

#B4FDB1

Triadic

#B4FDB1

#B1B4FD

#FDB1B4

Split Complementary

#B4FDB1

#D4B1FD

#FDB1DA

Tetradic

#B4FDB1

#B1DAFD

#FAB1FD

#FDD4B1

Color Blindness Simulation

Original

#B4FDB1

Protanopia

#D4D4C3

Deuteranopia

#CFCAC8

Tritanopia

#B8D2D5

Achromatopsia

#E8E8E8

CSS Usage

background-color: #B4FDB1;
color: #B4FDB1;
border-color: #B4FDB1;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FEF1
100
#E0FCDF
200
#BCFDB9
300
#8CFC88
400
#4EFA47
500
#10F906
600
#0DC705
700
#0A9F04
800
#087C03
900
#0A5A07
950
#073904

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.63: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