#BDFCEC

#BDFCEC

Color Values

HEX

#BDFCEC

RGB

189, 252, 236

HSL

164.8, 91.3%, 86.5%

HSV

164.8, 25.0%, 98.8%

CMYK

25.0%, 0.0%, 6.3%, 1.2%

OKLCH

0.9443 0.0667 177.4

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BDFCEC

#FCBDCD

Analogous

#BDFCCD

#BDECFC

#BDFCEC

Triadic

#BDFCEC

#ECBDFC

#FCECBD

Split Complementary

#BDFCEC

#FCBDEC

#FCCDBD

Tetradic

#BDFCEC

#CDBDFC

#FCBDCD

#ECFCBD

Color Blindness Simulation

Original

#BDFCEC

Protanopia

#D8D9F0

Deuteranopia

#D5D0F1

Tritanopia

#C0F3F4

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BBFCEB
300
#8AFADD
400
#4BF7CB
500
#0BF4B9
600
#09C394
700
#079C76
800
#067A5C
900
#095844
950
#05382B

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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