Skip to main content
ToolsHub
#12D8F3

#12D8F3 Color — #12D8F3

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

Color Format Conversions

HEX#12D8F3
RGBrgb(18, 216, 243)
HSLhsl(187, 90%, 51%)
HSVhsv(187, 93%, 95%)
CMYKC:93% M:11% Y:0% K:5%
CSS Color#12D8F3
Decimal1235187
Luminance0.5571

WCAG Accessibility Contrast

#12D8F3 on White
Ratio: 1.73:1 — Fail
#12D8F3 on Black
Ratio: 12.14:1 — AAA
White on #12D8F3
Ratio: 1.73:1 — Fail
Black on #12D8F3
Ratio: 12.14:1 — AAA

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

Shades & Tints Scale

50#F3FDFE
100#DBF9FD
200#B8F3FB
300#94EDFA
400#65E6F7
500#12D8F3
600#0EADC2
700#0B8292
800#075661
900#05363D

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 #12D8F3?

The RGB equivalent is rgb(18, 216, 243). The red channel is 18, green is 216, and blue is 243 (scale 0–255).

What is the HSL value of #12D8F3?

The HSL value is hsl(187, 90%, 51%). Hue is 187°, saturation is 90%, and lightness is 51%.

Does #12D8F3 meet WCAG accessibility standards?

On a white background, #12D8F3 achieves a 1.73:1 contrast ratio (Fail). On a black background it achieves 12.14:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #12D8F3?

The complementary color (180° opposite on the hue wheel) of #12D8F3 is #F32C12.