#BAFDB5

#BAFDB5

Color Values

HEX

#BAFDB5

RGB

186, 253, 181

HSL

115.8, 94.7%, 85.1%

HSV

115.8, 28.5%, 99.2%

CMYK

26.5%, 0.0%, 28.5%, 0.8%

OKLCH

0.9315 0.1171 142.9

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BAFDB5

#F8B5FD

Analogous

#DEFDB5

#B5FDD4

#BAFDB5

Triadic

#BAFDB5

#B5BAFD

#FDB5BA

Split Complementary

#BAFDB5

#D4B5FD

#FDB5DE

Tetradic

#BAFDB5

#B5DEFD

#F8B5FD

#FDD4B5

Color Blindness Simulation

Original

#BAFDB5

Protanopia

#D7D8C6

Deuteranopia

#D3CECB

Tritanopia

#BDD4D7

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E1FCDF
200
#BEFDB9
300
#90FC88
400
#54FA47
500
#18F807
600
#13C705
700
#0F9F04
800
#0C7C03
900
#0D5A07
950
#083905

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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