#BAFAD9

#BAFAD9

Color Values

HEX

#BAFAD9

RGB

186, 250, 217

HSL

149,1, 86,5%, 85,5%

HSV

149,1, 25,6%, 98,0%

CMYK

25,6%, 0,0%, 13,2%, 2,0%

OKLCH

0,9332 0,0784 161,9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFAD9

#FABADB

Analogous

#BBFABA

#BAFAF9

#BAFAD9

Triadic

#BAFAD9

#D9BAFA

#FAD9BA

Split Complementary

#BAFAD9

#F9BAFA

#FABABB

Tetradic

#BAFAD9

#BABBFA

#FABADB

#FAF9BA

Color Blindness Simulation

Original

#BAFAD9

Protanopia

#D6D6E1

Deuteranopia

#D2CDE3

Tritanopia

#BDE7E9

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BCFADA
300
#8DF7C0
400
#4FF29E
500
#11EE7C
600
#0EBE63
700
#0B984F
800
#09773E
900
#0B562F
950
#07361E

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,76:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026