#B1FDBA

#B1FDBA

Color Values

HEX

#B1FDBA

RGB

177, 253, 186

HSL

127.1, 95.0%, 84.3%

HSV

127.1, 30.0%, 99.2%

CMYK

30.0%, 0.0%, 26.5%, 0.8%

OKLCH

0.9275 0.1175 147.6

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#B1FDBA

#FDB1F4

Analogous

#CEFDB1

#B1FDE0

#B1FDBA

Triadic

#B1FDBA

#BAB1FD

#FDBAB1

Split Complementary

#B1FDBA

#E0B1FD

#FDB1CE

Tetradic

#B1FDBA

#B1CEFD

#FDB1F4

#FDE0B1

Color Blindness Simulation

Original

#B1FDBA

Protanopia

#D2D3CA

Deuteranopia

#CEC8CE

Tritanopia

#B5D7DA

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FEF3
100
#DFFCE2
200
#B9FDC1
300
#88FC95
400
#47FA5C
500
#06F923
600
#05C71C
700
#049F16
800
#037C12
900
#075A11
950
#04390B

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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026