Nerdulator> put something in

Recognised as Colour

#4877FD

  • #4877FD
  • Blue
  • Dark
  • Nearest: Royal blue

#4877FD is a blue with RGB values 72, 119, 253 and HSL 224°, 98%, 64%. It is a dark colour, so black text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#4877FD#4877FD
HEX#4877FD
RGBrgb(72, 119, 253)
RGB (0–1)0.2824, 0.4667, 0.9922
RGB percentages28.2%, 46.7%, 99.2%
HSLhsl(224.4, 97.8%, 63.7%)
HSV / HSBhsv(224.4, 71.5%, 99.2%)
CMYK71.5%, 53%, 0%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,749,309
CSS custom property--colour: #4877FD;

Brightness & contrast

Relative luminance0.21663WCAG 2.x, 0 is black and 1 is white
Perceived brightness131 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.33:1
Contrast with white3.94:1WCAG normal text: Fail
Contrast with black5.33:1WCAG normal text: AA
Greyscale equivalent#777777
Inverted#B78802

Colour vision & accessibility

Protanopia#0989FFno red cones; affects about 1% of men; ΔE 16 from the original
Deuteranopia#0078FAno green cones; the most common form, about 1% of men; ΔE 6.7 from the original
Tritanopia#0097AFno blue cones; rare, and affects men and women equally; ΔE 72.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.94:1WCAG large text: AA
Contrast with black, large text5.33:1WCAG large text: AAA

Named colours

Nearest named CSS colourRoyal blue (#4169E1)ΔE 8.76, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#FDCE48
Analogous#48D2FD, #7448FD
Triadic#FD4877, #77FD48
Split complementary#FD7348, #D2FD48
Tetradic#FD48D2, #FDCE48, #48FD74

Tints, shades & saturation

Lighter +40%#FFFFFF
Lighter +30%#DFE7FF
Lighter +20%#ADC2FE
Lighter +10%#7A9CFE
Darker −10%#1652FC
Darker −20%#023BDD
Darker −30%#022EAA
Darker −40%#012078
More saturated +25%#4676FF
Less saturated −25%#5F82E6

Channel breakdown

R72
G119
B253
Red72 (28.2%)
Green119 (46.7%)
Blue253 (99.2%)
Hue224.42°
Saturation (HSL)97.84%
Lightness63.73%
Dominant channelBlue
Hex per channelR 48 · G 77 · B FD

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 “4877fd” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.