Skip to main content
ToolsHub
#B1E7D2

#B1E7D2 Color — #B1E7D2

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

Color Format Conversions

HEX#B1E7D2
RGBrgb(177, 231, 210)
HSLhsl(157, 53%, 80%)
HSVhsv(157, 23%, 91%)
CMYKC:23% M:0% Y:9% K:9%
CSS Color#B1E7D2
Decimal11659218
Luminance0.7115

WCAG Accessibility Contrast

#B1E7D2 on White
Ratio: 1.38:1 — Fail
#B1E7D2 on Black
Ratio: 15.23:1 — AAA
White on #B1E7D2
Ratio: 1.38:1 — Fail
Black on #B1E7D2
Ratio: 15.23: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#B1E7D2
600#8EB9A8
700#6A8B7E
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 #B1E7D2?

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

What is the HSL value of #B1E7D2?

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

Does #B1E7D2 meet WCAG accessibility standards?

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

What is the complementary color of #B1E7D2?

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