Skip to main content
ToolsHub
#B4CAFD

#B4CAFD Color — #B4CAFD

Complete color reference for #B4CAFD: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#B4CAFD
RGBrgb(180, 202, 253)
HSLhsl(222, 95%, 85%)
HSVhsv(222, 29%, 99%)
CMYKC:29% M:20% Y:0% K:1%
CSS Color#B4CAFD
Decimal11848445
Luminance0.5904

WCAG Accessibility Contrast

#B4CAFD on White
Ratio: 1.64:1 — Fail
#B4CAFD on Black
Ratio: 12.81:1 — AAA
White on #B4CAFD
Ratio: 1.64:1 — Fail
Black on #B4CAFD
Ratio: 12.81:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FBFCFF
100#F4F7FF
200#E9EFFE
300#DDE7FE
400#CEDDFE
500#B4CAFD
600#90A2CA
700#6C7998
800#485165
900#2D333F

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #B4CAFD?

The RGB equivalent is rgb(180, 202, 253). The red channel is 180, green is 202, and blue is 253 (scale 0–255).

What is the HSL value of #B4CAFD?

The HSL value is hsl(222, 95%, 85%). Hue is 222°, saturation is 95%, and lightness is 85%.

Does #B4CAFD meet WCAG accessibility standards?

On a white background, #B4CAFD achieves a 1.64:1 contrast ratio (Fail). On a black background it achieves 12.81:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #B4CAFD?

The complementary color (180° opposite on the hue wheel) of #B4CAFD is #FDE7B4.