#BBFAC2

#BBFAC2

Color Values

HEX

#BBFAC2

RGB

187, 250, 194

HSL

126.7, 86.3%, 85.7%

HSV

126.7, 25.2%, 98.0%

CMYK

25.2%, 0.0%, 22.4%, 2.0%

OKLCH

0.9283 0.0985 147.6

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BBFAC2

#FABBF3

Analogous

#D4FABB

#BBFAE2

#BBFAC2

Triadic

#BBFAC2

#C2BBFA

#FAC2BB

Split Complementary

#BBFAC2

#E2BBFA

#FABBD4

Tetradic

#BBFAC2

#BBD4FA

#FABBF3

#FAE2BB

Color Blindness Simulation

Original

#BBFAC2

Protanopia

#D6D7D0

Deuteranopia

#D3CED3

Tritanopia

#BEDADD

Achromatopsia

#E9E9E9

CSS Usage

background-color: #BBFAC2;
color: #BBFAC2;
border-color: #BBFAC2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF3
100
#E0FAE3
200
#BCFAC3
300
#8DF799
400
#4FF261
500
#11EE2A
600
#0EBE22
700
#0B981B
800
#097715
900
#0B5613
950
#07360C

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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