Skip to main content
ToolsHub
#143CDB

#143CDB Color — #143CDB

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

Color Format Conversions

HEX#143CDB
RGBrgb(20, 60, 219)
HSLhsl(228, 83%, 47%)
HSVhsv(228, 91%, 86%)
CMYKC:91% M:73% Y:0% K:14%
CSS Color#143CDB
Decimal1326299
Luminance0.0849

WCAG Accessibility Contrast

#143CDB on White
Ratio: 7.78:1 — AAA
#143CDB on Black
Ratio: 2.7:1 — Fail
White on #143CDB
Ratio: 7.78:1 — AAA
Black on #143CDB
Ratio: 2.7:1 — Fail

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

Shades & Tints Scale

50#F3F5FD
100#DCE2FA
200#B9C5F4
300#95A7EF
400#6680E8
500#143CDB
600#1030AF
700#0C2483
800#081858
900#050F37

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 #143CDB?

The RGB equivalent is rgb(20, 60, 219). The red channel is 20, green is 60, and blue is 219 (scale 0–255).

What is the HSL value of #143CDB?

The HSL value is hsl(228, 83%, 47%). Hue is 228°, saturation is 83%, and lightness is 47%.

Does #143CDB meet WCAG accessibility standards?

On a white background, #143CDB achieves a 7.78:1 contrast ratio (AAA). On a black background it achieves 2.7:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #143CDB?

The complementary color (180° opposite on the hue wheel) of #143CDB is #DBB414.