#BAFBB9

#BAFBB9

Color Values

HEX

#BAFBB9

RGB

186, 251, 185

HSL

119.1, 89.2%, 85.5%

HSV

119.1, 26.3%, 98.4%

CMYK

25.9%, 0.0%, 26.3%, 1.6%

OKLCH

0.9279 0.1098 144.3

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BAFBB9

#FAB9FB

Analogous

#DBFBB9

#B9FBD9

#BAFBB9

Triadic

#BAFBB9

#B9BAFB

#FBB9BA

Split Complementary

#BAFBB9

#D9B9FB

#FBB9DB

Tetradic

#BAFBB9

#B9DBFB

#FAB9FB

#FBD9B9

Color Blindness Simulation

Original

#BAFBB9

Protanopia

#D6D7C9

Deuteranopia

#D2CECD

Tritanopia

#BDD6D8

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BCFBBB
300
#8DF88B
400
#4FF54C
500
#11F10E
600
#0EC10B
700
#0B9A09
800
#097907
900
#0B570A
950
#073706

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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