#BDDFE2

#BDDFE2

Color Values

HEX

#BDDFE2

RGB

189, 223, 226

HSL

184,9, 38,9%, 81,4%

HSV

184,9, 16,4%, 88,6%

CMYK

16,4%, 1,3%, 0,0%, 11,4%

OKLCH

0,88 0,036 203,1

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BDDFE2

#E2C0BD

Analogous

#BDE2D3

#BDCDE2

#BDDFE2

Triadic

#BDDFE2

#E2BDDF

#DFE2BD

Split Complementary

#BDDFE2

#E2BDCD

#E2D3BD

Tetradic

#BDDFE2

#D3BDE2

#E2C0BD

#CDE2BD

Color Blindness Simulation

Original

#BDDFE2

Protanopia

#CCCCE1

Deuteranopia

#CAC7E1

Tritanopia

#BFE1E1

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE7E9
300
#AAD6DA
400
#7CBFC5
500
#4EA9B1
600
#3E878E
700
#326C71
800
#275459
900
#1F3F41
950
#142829

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,82: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