Skip to main content
ToolsHub
#6BBD8E

#6BBD8E Color — #6BBD8E

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

Color Format Conversions

HEX#6BBD8E
RGBrgb(107, 189, 142)
HSLhsl(146, 38%, 58%)
HSVhsv(146, 43%, 74%)
CMYKC:43% M:0% Y:25% K:26%
CSS Color#6BBD8E
Decimal7060878
Luminance0.4147

WCAG Accessibility Contrast

#6BBD8E on White
Ratio: 2.26:1 — Fail
#6BBD8E on Black
Ratio: 9.29:1 — AAA
White on #6BBD8E
Ratio: 2.26:1 — Fail
Black on #6BBD8E
Ratio: 9.29:1 — AAA

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

Shades & Tints Scale

50#F8FCF9
100#E9F5EE
200#D3EBDD
300#BCE1CC
400#9FD4B6
500#6BBD8E
600#569772
700#407155
800#2B4C39
900#1B2F24

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 #6BBD8E?

The RGB equivalent is rgb(107, 189, 142). The red channel is 107, green is 189, and blue is 142 (scale 0–255).

What is the HSL value of #6BBD8E?

The HSL value is hsl(146, 38%, 58%). Hue is 146°, saturation is 38%, and lightness is 58%.

Does #6BBD8E meet WCAG accessibility standards?

On a white background, #6BBD8E achieves a 2.26:1 contrast ratio (Fail). On a black background it achieves 9.29:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #6BBD8E?

The complementary color (180° opposite on the hue wheel) of #6BBD8E is #BD6B99.