Nerdulator> put something in

Recognised as Colour

#477AC4

  • #477AC4
  • Blue
  • Dark
  • Nearest: Cornflower blue

#477AC4 is a blue with RGB values 71, 122, 196 and HSL 216°, 51%, 52%. It is a dark colour, so black text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#477AC4#477AC4
HEX#477AC4
RGBrgb(71, 122, 196)
RGB (0–1)0.2784, 0.4784, 0.7686
RGB percentages27.8%, 47.8%, 76.9%
HSLhsl(215.5, 51.4%, 52.4%)
HSV / HSBhsv(215.5, 63.8%, 76.9%)
CMYK63.8%, 37.8%, 0%, 23.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,684,484
CSS custom property--colour: #477AC4;

Brightness & contrast

Relative luminance0.19244WCAG 2.x, 0 is black and 1 is white
Perceived brightness120.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.85:1
Contrast with white4.33:1WCAG normal text: Fail
Contrast with black4.85:1WCAG normal text: AA
Greyscale equivalent#757575
Inverted#B8853B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5A80C7no red cones; affects about 1% of men; ΔE 4.1 from the original
Deuteranopia#4874C2no green cones; the most common form, about 1% of men; ΔE 4 from the original
Tritanopia#008B95no blue cones; rare, and affects men and women equally; ΔE 44.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.33:1WCAG large text: AA
Contrast with black, large text4.85:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 12.7Steel blue · ΔE 15.6Dodgerblue · ΔE 21.7Dark slateblue · ΔE 28.2Royal blue · ΔE 29.5Medium purple · ΔE 31.4
Nearest named CSS colourCornflower blue (#6495ED)ΔE 12.66, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C49147
Analogous#47B9C4, #5247C4
Triadic#C4477A, #7AC447
Split complementary#C45247, #B9C447
Tetradic#C447B9, #C49147, #47C452

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E1EAF6
Lighter +30%#BBCEE9
Lighter +20%#94B2DD
Lighter +10%#6E96D0
Darker −10%#3462A4
Darker −20%#284B7D
Darker −30%#1C3456
Darker −40%#0F1D30
More saturated +25%#2974E2
Less saturated −25%#6580A6

Channel breakdown

R71
G122
B196
Red71 (27.8%)
Green122 (47.8%)
Blue196 (76.9%)
Hue215.52°
Saturation (HSL)51.44%
Lightness52.35%
Dominant channelBlue
Hex per channelR 47 · G 7A · B C4

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “477ac4” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.