#BAF0DB

#BAF0DB

Color Values

HEX

#BAF0DB

RGB

186, 240, 219

HSL

156,7, 64,3%, 83,5%

HSV

156,7, 22,5%, 94,1%

CMYK

22,5%, 0,0%, 8,8%, 5,9%

OKLCH

0,9122 0,0621 169,1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAF0DB

#F0BACF

Analogous

#BAF0C0

#BAEAF0

#BAF0DB

Triadic

#BAF0DB

#DBBAF0

#F0DBBA

Split Complementary

#BAF0DB

#F0BAEA

#F0C0BA

Tetradic

#BAF0DB

#C0BAF0

#F0BACF

#EAF0BA

Color Blindness Simulation

Original

#BAF0DB

Protanopia

#D1D2E0

Deuteranopia

#CECAE1

Tritanopia

#BDE4E5

Achromatopsia

#E3E3E3

CSS Usage

background-color: #BAF0DB;
color: #BAF0DB;
border-color: #BAF0DB;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F2E0
300
#9AE9CB
400
#64DDAE
500
#2ED192
600
#24A875
700
#1D865D
800
#176949
900
#144C37
950
#0D3023

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026