#BAF0BB

#BAF0BB

Color Values

HEX

#BAF0BB

RGB

186, 240, 187

HSL

121.1, 64.3%, 83.5%

HSV

121.1, 22.5%, 94.1%

CMYK

22.5%, 0.0%, 22.1%, 5.9%

OKLCH

0.9042 0.0904 145.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAF0BB

#F0BAEF

Analogous

#D4F0BA

#BAF0D6

#BAF0BB

Triadic

#BAF0BB

#BBBAF0

#F0BBBA

Split Complementary

#BAF0BB

#D6BAF0

#F0BAD4

Tetradic

#BAF0BB

#BAD4F0

#F0BAEF

#F0D6BA

Color Blindness Simulation

Original

#BAF0BB

Protanopia

#D1D2C8

Deuteranopia

#CECACB

Tritanopia

#BDD2D4

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F7E4
200
#C4F2C5
300
#9AE99C
400
#64DD66
500
#2ED131
600
#24A827
700
#1D861F
800
#176918
900
#144C15
950
#0D300E

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026