#BDFBFC

#BDFBFC

Color Values

HEX

#BDFBFC

RGB

189, 251, 252

HSL

181.0, 91.3%, 86.5%

HSV

181.0, 25.0%, 98.8%

CMYK

25.0%, 0.4%, 0.0%, 1.2%

OKLCH

0.9469 0.062 197.4

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BDFBFC

#FCBEBD

Analogous

#BDFCDE

#BDDCFC

#BDFBFC

Triadic

#BDFBFC

#FCBDFB

#FBFCBD

Split Complementary

#BDFBFC

#FCBDDC

#FCDEBD

Tetradic

#BDFBFC

#DEBDFC

#FCBEBD

#DCFCBD

Color Blindness Simulation

Original

#BDFBFC

Protanopia

#D8D8FC

Deuteranopia

#D4D0FC

Tritanopia

#C0FCFC

Achromatopsia

#EEEEEE

CSS Usage

background-color: #BDFBFC;
color: #BDFBFC;
border-color: #BDFBFC;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFBFC
300
#8AF8FA
400
#4BF4F7
500
#0BF0F4
600
#09C0C3
700
#079A9C
800
#06787A
900
#095758
950
#053738

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026