Colour

#56A9FC

#56A9FC
Blue
Dark
Nearest: Cornflower blue

#56A9FC is a blue with RGB values 86, 169, 252 and HSL 210°, 97%, 66%. It is a dark colour, so black text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#56A9FC#56A9FC

HEX#56A9FC

RGBrgb(86, 169, 252)

RGB (0–1)0.3373, 0.6627, 0.9882

RGB percentages33.7%, 66.3%, 98.8%

HSLhsl(210, 96.5%, 66.3%)

HSV / HSBhsv(210, 65.9%, 98.8%)

CMYK65.9%, 32.9%, 0%, 1.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,679,612

CSS custom property--colour: #56A9FC;

Brightness & contrast

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

Perceived brightness161.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.48:1

Contrast with white2.48:1WCAG normal text: Fail

Contrast with black8.48:1WCAG normal text: AAA

Greyscale equivalent#9D9D9D

Inverted#A95603

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#84ADFFno red cones; affects about 1% of men; ΔE 9.2 from the original

Deuteranopia#6D9DFAno green cones; the most common form, about 1% of men; ΔE 11 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.48:1WCAG large text: Fail

Contrast with black, large text8.48:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 10.7 Dodgerblue · ΔE 19.5 Deep skyblue · ΔE 19.5 Steel blue · ΔE 22.7 Light skyblue · ΔE 26 Sky blue · ΔE 33.3

Nearest named CSS colourCornflower blue (#6495ED)ΔE 10.74, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FCA956

Analogous#56FCFC, #5656FC

Triadic#FC56A9, #A9FC56

Split complementary#FC5656, #FCFC56

Tetradic#FC56FC, #FCA956, #56FC56

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#ECF6FF

Lighter +20%#BADCFE

Lighter +10%#88C3FD

Darker −10%#2490FB

Darker −20%#0476E8

Darker −30%#035DB6

Darker −40%#024384

More saturated +25%#53A9FF

Less saturated −25%#6CA9E7

Channel breakdown

R86

G169

B252

Red86 (33.7%)

Green169 (66.3%)

Blue252 (98.8%)

Hue210°

Saturation (HSL)96.51%

Lightness66.27%

Dominant channelBlue

Hex per channelR 56 · G A9 · B FC

Keep nerding

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

#56A9FC

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