#BDDFD5

#BDDFD5

Color Values

HEX

#BDDFD5

RGB

189, 223, 213

HSL

162.4, 34.7%, 80.8%

HSV

162.4, 15.2%, 87.5%

CMYK

15.2%, 0.0%, 4.5%, 12.5%

OKLCH

0.8762 0.0383 175.7

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#BDDFD5

#DFBDC7

Analogous

#BDDFC4

#BDD8DF

#BDDFD5

Triadic

#BDDFD5

#D5BDDF

#DFD5BD

Split Complementary

#BDDFD5

#DFBDD8

#DFC4BD

Tetradic

#BDDFD5

#C4BDDF

#DFBDC7

#D8DFBD

Color Blindness Simulation

Original

#BDDFD5

Protanopia

#CCCCD7

Deuteranopia

#CAC7D8

Tritanopia

#BFD9DA

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8E0
300
#ADD7CB
400
#80C1AE
500
#53AC92
600
#438975
700
#356E5D
800
#2A5649
900
#214037
950
#152823

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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