Skip to main content
ToolsHub
#18B1BF

#18B1BF Color — #18B1BF

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

Color Format Conversions

HEX#18B1BF
RGBrgb(24, 177, 191)
HSLhsl(185, 78%, 42%)
HSVhsv(185, 87%, 75%)
CMYKC:87% M:7% Y:0% K:25%
CSS Color#18B1BF
Decimal1618367
Luminance0.354

WCAG Accessibility Contrast

#18B1BF on White
Ratio: 2.6:1 — Fail
#18B1BF on Black
Ratio: 8.08:1 — AAA
White on #18B1BF
Ratio: 2.6:1 — Fail
Black on #18B1BF
Ratio: 8.08:1 — AAA

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

Shades & Tints Scale

50#F3FBFC
100#DCF3F5
200#BAE8EC
300#97DCE2
400#69CCD5
500#18B1BF
600#138E99
700#0E6A73
800#0A474C
900#062C30

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 #18B1BF?

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

What is the HSL value of #18B1BF?

The HSL value is hsl(185, 78%, 42%). Hue is 185°, saturation is 78%, and lightness is 42%.

Does #18B1BF meet WCAG accessibility standards?

On a white background, #18B1BF achieves a 2.6:1 contrast ratio (Fail). On a black background it achieves 8.08:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #18B1BF?

The complementary color (180° opposite on the hue wheel) of #18B1BF is #BF2518.