#BEDAFD Color

#BEDAFD is rgb(190, 218, 253) in RGB and hsl(213, 94%, 87%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#BEDAFD

HEX#BEDAFD

RGBrgb(190, 218, 253)

HSLhsl(213, 94%, 87%)

HSVhsv(213, 25%, 99%)

OKLCHoklch(87.9% 0.057 254.1)

CMYKcmyk(25%, 14%, 0%, 1%)

Text Contrast & Accessibility

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

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

TextBlack text14.64:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BEDAFD Complementary#FDE1BF Analogous#BFFAFD Analogous#C2BFFD Triadic#FDBFDB Triadic#DBFDBF

Tints & Shades

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

Tints

#C9E0FD #CEE3FD #D7E9FE #DCEBFE #E6F1FE #EBF4FE

Shades

#83B9FB #4898F9 #0D76F8 #065CC6 #04418B #02254F

Use #BEDAFD in Our Tools

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