#BAFBBC

#BAFBBC

Color Values

HEX

#BAFBBC

RGB

186, 251, 188

HSL

121.8, 89.0%, 85.7%

HSV

121.8, 25.9%, 98.4%

CMYK

25.9%, 0.0%, 25.1%, 1.6%

OKLCH

0.9286 0.1068 145.4

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BAFBBC

#FBBAF9

Analogous

#D9FBBA

#BAFBDC

#BAFBBC

Triadic

#BAFBBC

#BCBAFB

#FBBCBA

Split Complementary

#BAFBBC

#DCBAFB

#FBBAD9

Tetradic

#BAFBBC

#BAD9FB

#FBBAF9

#FBDCBA

Color Blindness Simulation

Original

#BAFBBC

Protanopia

#D6D7CB

Deuteranopia

#D2CECF

Tritanopia

#BDD7DA

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BCFBBD
300
#8BF88F
400
#4DF552
500
#0EF115
600
#0BC111
700
#099A0D
800
#07780A
900
#0A570C
950
#063708

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026