#BAF6D7

#BAF6D7

Color Values

HEX

#BAF6D7

RGB

186, 246, 215

HSL

149.0, 76.9%, 84.7%

HSV

149.0, 24.4%, 96.5%

CMYK

24.4%, 0.0%, 12.6%, 3.5%

OKLCH

0.924 0.0739 162.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAF6D7

#F6BAD9

Analogous

#BBF6BA

#BAF6F5

#BAF6D7

Triadic

#BAF6D7

#D7BAF6

#F6D7BA

Split Complementary

#BAF6D7

#F5BAF6

#F6BABB

Tetradic

#BAF6D7

#BABBF6

#F6BAD9

#F6F5BA

Color Blindness Simulation

Original

#BAF6D7

Protanopia

#D4D5DE

Deuteranopia

#D0CCE0

Tritanopia

#BDE4E6

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E1F9ED
200
#C0F7DA
300
#93F1C0
400
#58E99E
500
#1DE27C
600
#18B463
700
#139050
800
#0F713E
900
#0F522F
950
#09341E

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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