Nerdulator> put something in

Recognised as Colour

#4072D0

  • #4072D0
  • Blue
  • Dark
  • Nearest: Cornflower blue

#4072D0 is a blue with RGB values 64, 114, 208 and HSL 219°, 61%, 53%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#4072D0#4072D0
HEX#4072D0
RGBrgb(64, 114, 208)
RGB (0–1)0.251, 0.4471, 0.8157
RGB percentages25.1%, 44.7%, 81.6%
HSLhsl(219.2, 60.5%, 53.3%)
HSV / HSBhsv(219.2, 69.2%, 81.6%)
CMYK69.2%, 45.2%, 0%, 18.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,223,696
CSS custom property--colour: #4072D0;

Brightness & contrast

Relative luminance0.17679WCAG 2.x, 0 is black and 1 is white
Perceived brightness117.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.63:1
Contrast with white4.63:1WCAG normal text: AA
Contrast with black4.54:1WCAG normal text: AA
Greyscale equivalent#6E6E6E
Inverted#BF8D2F

Colour vision & accessibility

Protanopia#437CD4no red cones; affects about 1% of men; ΔE 6 from the original
Deuteranopia#276ECEno green cones; the most common form, about 1% of men; ΔE 3.3 from the original
Tritanopia#008897no blue cones; rare, and affects men and women equally; ΔE 54 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.63:1WCAG large text: AAA
Contrast with black, large text4.54:1WCAG large text: AAA

Named colours

Nearest named CSS colourCornflower blue (#6495ED)ΔE 14.42, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#D09E40
Analogous#40BAD0, #5640D0
Triadic#D04072, #72D040
Split complementary#D05640, #BAD040
Tetradic#D040BA, #D09E40, #40D056

Tints, shades & saturation

Lighter +40%#E4EBF8
Lighter +30%#BBCDEE
Lighter +20%#92AEE4
Lighter +10%#6990DA
Darker −10%#2C5AB1
Darker −20%#224588
Darker −30%#183160
Darker −40%#0D1C37
More saturated +25%#2269EE
Less saturated −25%#5E7BB2

Channel breakdown

R64
G114
B208
Red64 (25.1%)
Green114 (44.7%)
Blue208 (81.6%)
Hue219.17°
Saturation (HSL)60.5%
Lightness53.33%
Dominant channelBlue
Hex per channelR 40 · G 72 · B D0

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