Skip to main content
ToolsHub
#1268F3

#1268F3 Color — #1268F3

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

Color Format Conversions

HEX#1268F3
RGBrgb(18, 104, 243)
HSLhsl(217, 90%, 51%)
HSVhsv(217, 93%, 95%)
CMYKC:93% M:57% Y:0% K:5%
CSS Color#1268F3
Decimal1206515
Luminance0.165

WCAG Accessibility Contrast

#1268F3 on White
Ratio: 4.88:1 — AA
#1268F3 on Black
Ratio: 4.3:1 — AA Large
White on #1268F3
Ratio: 4.88:1 — AA
Black on #1268F3
Ratio: 4.3:1 — AA Large

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

Shades & Tints Scale

50#F3F7FE
100#DBE8FD
200#B8D2FB
300#94BBFA
400#659DF7
500#1268F3
600#0E53C2
700#0B3E92
800#072A61
900#051A3D

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 #1268F3?

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

What is the HSL value of #1268F3?

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

Does #1268F3 meet WCAG accessibility standards?

On a white background, #1268F3 achieves a 4.88:1 contrast ratio (AA). On a black background it achieves 4.3:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #1268F3?

The complementary color (180° opposite on the hue wheel) of #1268F3 is #F39C12.