#BDE3EF Color

#BDE3EF is rgb(189, 227, 239) in RGB and hsl(194, 61%, 84%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#BDE3EF

HEX#BDE3EF

RGBrgb(189, 227, 239)

HSLhsl(194, 61%, 84%)

HSVhsv(194, 21%, 94%)

OKLCHoklch(89.2% 0.043 218.9)

CMYKcmyk(21%, 5%, 0%, 6%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BDE3EF background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.36:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text15.4:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #BDE3EF based on color wheel relationships. Click any swatch for its full breakdown.

Base#BDE3EF Complementary#EFC9BD Analogous#BDEFE2 Analogous#BDCBEF Triadic#EFBDE3 Triadic#E3EFBD

Tints & Shades

Lighter tints and darker shades of #BDE3EF, useful for hover states, backgrounds, and text variants.

Tints

#C6E7F1 #CEEAF3 #D6EEF5 #DEF1F7 #E6F5F9 #EFF8FB

Shades

#90D1E4 #5FBCD8 #32A9CD #26809C #1B5B6F #0F333E

Use #BDE3EF in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex