#BDFCFB

#BDFCFB

Color Values

HEX

#BDFCFB

RGB

189, 252, 251

HSL

179.0, 91.3%, 86.5%

HSV

179.0, 25.0%, 98.8%

CMYK

25.0%, 0.0%, 0.4%, 1.2%

OKLCH

0.9487 0.0629 194.9

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BDFCFB

#FCBDBE

Analogous

#BDFCDC

#BDDEFC

#BDFCFB

Triadic

#BDFCFB

#FBBDFC

#FCFBBD

Split Complementary

#BDFCFB

#FCBDDE

#FCDCBD

Tetradic

#BDFCFB

#DCBDFC

#FCBDBE

#DEFCBD

Color Blindness Simulation

Original

#BDFCFB

Protanopia

#D8D9FB

Deuteranopia

#D5D0FB

Tritanopia

#C0FBFB

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFCFB
300
#8AFAF8
400
#4BF7F4
500
#0BF4F0
600
#09C3C0
700
#079C9A
800
#067A78
900
#095857
950
#053837

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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