Recognised as Colour

#428CFB

#428CFB
Blue
Dark
Nearest: Dodgerblue

#428CFB is a blue with RGB values 66, 140, 251 and HSL 216°, 96%, 62%. It is a dark colour, so black text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#428CFB#428CFB

HEX#428CFB

RGBrgb(66, 140, 251)

RGB (0–1)0.2588, 0.549, 0.9843

RGB percentages25.9%, 54.9%, 98.4%

HSLhsl(216, 95.9%, 62.2%)

HSV / HSBhsv(216, 73.7%, 98.4%)

CMYK73.7%, 44.2%, 0%, 1.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,361,467

CSS custom property--colour: #428CFB;

Brightness & contrast

Relative luminance0.26879WCAG 2.x, 0 is black and 1 is white

Perceived brightness141.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.38:1

Contrast with white3.29:1WCAG normal text: Fail

Contrast with black6.38:1WCAG normal text: AA

Greyscale equivalent#848484

Inverted#BD7304

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5397FFno red cones; affects about 1% of men; ΔE 6.2 from the original

Deuteranopia#2D86F9no green cones; the most common form, about 1% of men; ΔE 3.6 from the original

Tritanopia#00A6B7no blue cones; rare, and affects men and women equally; ΔE 61.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text3.29:1WCAG large text: AA

Contrast with black, large text6.38:1WCAG large text: AAA

Named colours

Dodgerblue · ΔE 4.4 Cornflower blue · ΔE 13.9 Royal blue · ΔE 16.8 Medium purple · ΔE 26 Slate blue · ΔE 26.2 Medium slateblue · ΔE 28

Nearest named CSS colourDodgerblue (#1E90FF)ΔE 4.37, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#FBB142

Analogous#42E8FB, #5442FB

Triadic#FB428C, #8CFB42

Split complementary#FB5542, #E8FB42

Tetradic#FB42E9, #FBB142, #42FB55

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#D8E7FE

Lighter +20%#A6C9FD

Lighter +10%#74AAFC

Darker −10%#106EFA

Darker −20%#0457D3

Darker −30%#0342A1

Darker −40%#022E6F

More saturated +25%#3E8BFF

Less saturated −25%#5A91E3

Channel breakdown

R66

G140

B251

Red66 (25.9%)

Green140 (54.9%)

Blue251 (98.4%)

Hue216°

Saturation (HSL)95.85%

Lightness62.16%

Dominant channelBlue

Hex per channelR 42 · G 8C · B FB

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#428CFB

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else