#BAEBDC

#BAEBDC

Color Values

HEX

#BAEBDC

RGB

186, 235, 220

HSL

161.6, 55.1%, 82.5%

HSV

161.6, 20.9%, 92.2%

CMYK

20.9%, 0.0%, 6.4%, 7.8%

OKLCH

0.9017 0.0544 174.4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAEBDC

#EBBAC9

Analogous

#BAEBC3

#BAE1EB

#BAEBDC

Triadic

#BAEBDC

#DCBAEB

#EBDCBA

Split Complementary

#BAEBDC

#EBBAE1

#EBC3BA

Tetradic

#BAEBDC

#C3BAEB

#EBBAC9

#E1EBBA

Color Blindness Simulation

Original

#BAEBDC

Protanopia

#CFD0E0

Deuteranopia

#CCC9E0

Tritanopia

#BCE2E3

Achromatopsia

#DFDFDF

CSS Usage

background-color: #BAEBDC;
color: #BAEBDC;
border-color: #BAEBDC;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F4FBF9
100
#E5F6F0
200
#C8EFE3
300
#A0E4CF
400
#6DD5B5
500
#39C69B
600
#2E9E7C
700
#257F63
800
#1D634D
900
#18483A
950
#0F2E24

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026