#BDDFDD

#BDDFDD

Color Values

HEX

#BDDFDD

RGB

189, 223, 221

HSL

176.5, 34.7%, 80.8%

HSV

176.5, 15.2%, 87.5%

CMYK

15.2%, 0.0%, 0.9%, 12.5%

OKLCH

0.8785 0.0359 192.2

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BDDFDD

#DFBDBF

Analogous

#BDDFCC

#BDD0DF

#BDDFDD

Triadic

#BDDFDD

#DDBDDF

#DFDDBD

Split Complementary

#BDDFDD

#DFBDD0

#DFCCBD

Tetradic

#BDDFDD

#CCBDDF

#DFBDBF

#D0DFBD

Color Blindness Simulation

Original

#BDDFDD

Protanopia

#CCCCDD

Deuteranopia

#CAC7DE

Tritanopia

#BFDEDE

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D5
400
#80C1BE
500
#53ACA7
600
#438985
700
#356E6B
800
#2A5653
900
#21403E
950
#152827

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.76:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026