#BAFCDD

#BAFCDD

Color Values

HEX

#BAFCDD

RGB

186, 252, 221

HSL

151.8, 91.7%, 85.9%

HSV

151.8, 26.2%, 98.8%

CMYK

26.2%, 0.0%, 12.3%, 1.2%

OKLCH

0.9386 0.0784 164.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFCDD

#FCBAD9

Analogous

#BAFCBC

#BAFAFC

#BAFCDD

Triadic

#BAFCDD

#DDBAFC

#FCDDBA

Split Complementary

#BAFCDD

#FCBAFA

#FCBCBA

Tetradic

#BAFCDD

#BCBAFC

#FCBAD9

#FAFCBA

Color Blindness Simulation

Original

#BAFCDD

Protanopia

#D7D7E4

Deuteranopia

#D3CEE6

Tritanopia

#BDEAEC

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEE
200
#BBFCDD
300
#8AFAC5
400
#4AF7A6
500
#0BF487
600
#08C46C
700
#079C56
800
#057A43
900
#085833
950
#053820

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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