#BAEFDC

#BAEFDC

Color Values

HEX

#BAEFDC

RGB

186, 239, 220

HSL

158,5, 62,4%, 83,3%

HSV

158,5, 22,2%, 93,7%

CMYK

22,2%, 0,0%, 7,9%, 6,3%

OKLCH

0,9103 0,0601 171,0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAEFDC

#EFBACD

Analogous

#BAEFC1

#BAE7EF

#BAEFDC

Triadic

#BAEFDC

#DCBAEF

#EFDCBA

Split Complementary

#BAEFDC

#EFBAE7

#EFC1BA

Tetradic

#BAEFDC

#C1BAEF

#EFBACD

#E7EFBA

Color Blindness Simulation

Original

#BAEFDC

Protanopia

#D1D1E1

Deuteranopia

#CECAE2

Tritanopia

#BDE4E5

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E4F7F0
200
#C5F2E2
300
#9CE8CD
400
#66DCB1
500
#30CF96
600
#26A678
700
#1F8560
800
#18684B
900
#154C38
950
#0D3023

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,47:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026