Skip to main content
ToolsHub
#B1E7D3

#B1E7D3 Color — #B1E7D3

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

Color Format Conversions

HEX#B1E7D3
RGBrgb(177, 231, 211)
HSLhsl(158, 53%, 80%)
HSVhsv(158, 23%, 91%)
CMYKC:23% M:0% Y:9% K:9%
CSS Color#B1E7D3
Decimal11659219
Luminance0.712

WCAG Accessibility Contrast

#B1E7D3 on White
Ratio: 1.38:1 — Fail
#B1E7D3 on Black
Ratio: 15.24:1 — AAA
White on #B1E7D3
Ratio: 1.38:1 — Fail
Black on #B1E7D3
Ratio: 15.24:1 — AAA

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

Shades & Tints Scale

50#FBFEFD
100#F3FBF8
200#E8F8F2
300#DCF4EB
400#CCEFE2
500#B1E7D3
600#8EB9A9
700#6A8B7F
800#475C54
900#2C3A35

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 #B1E7D3?

The RGB equivalent is rgb(177, 231, 211). The red channel is 177, green is 231, and blue is 211 (scale 0–255).

What is the HSL value of #B1E7D3?

The HSL value is hsl(158, 53%, 80%). Hue is 158°, saturation is 53%, and lightness is 80%.

Does #B1E7D3 meet WCAG accessibility standards?

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

What is the complementary color of #B1E7D3?

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