#BDFFFB

#BDFFFB

Color Values

HEX

#BDFFFB

RGB

189, 255, 251

HSL

176.4, 100.0%, 87.1%

HSV

176.4, 25.9%, 100.0%

CMYK

25.9%, 0.0%, 1.6%, 0.0%

OKLCH

0.955 0.0658 191.4

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BDFFFB

#FFBDC1

Analogous

#BDFFDA

#BDE2FF

#BDFFFB

Triadic

#BDFFFB

#FBBDFF

#FFFBBD

Split Complementary

#BDFFFB

#FFBDE2

#FFDABD

Tetradic

#BDFFFB

#DABDFF

#FFBDC1

#E2FFBD

Color Blindness Simulation

Original

#BDFFFB

Protanopia

#DADAFC

Deuteranopia

#D6D1FC

Tritanopia

#C0FDFD

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B8FFFB
300
#85FFF8
400
#42FFF4
500
#00FFF0
600
#00CCC0
700
#00A399
800
#008078
900
#055C57
950
#033A37

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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