#BAFDD5

#BAFDD5

Color Values

HEX

#BAFDD5

RGB

186, 253, 213

HSL

144.2, 94.4%, 86.1%

HSV

144.2, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 15.8%, 0.8%

OKLCH

0.9387 0.0862 158.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDD5

#FDBAE2

Analogous

#C1FDBA

#BAFDF7

#BAFDD5

Triadic

#BAFDD5

#D5BAFD

#FDD5BA

Split Complementary

#BAFDD5

#F7BAFD

#FDBAC1

Tetradic

#BAFDD5

#BAC1FD

#FDBAE2

#FDF7BA

Color Blindness Simulation

Original

#BAFDD5

Protanopia

#D7D8DF

Deuteranopia

#D3CEE1

Tritanopia

#BDE6E8

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEA
200
#BAFDD5
300
#88FCB7
400
#48FA8F
500
#07F868
600
#06C653
700
#059F43
800
#047C34
900
#075A28
950
#05391A

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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