Nerdulator> put something in

Colour

#0402FF

  • #0402FF
  • Blue
  • Dark
  • Nearest: Blue

#0402FF is a blue with RGB values 4, 2, 255 and HSL 240°, 100%, 50%. It is a dark colour, so white text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Blue.

Colour values

#0402FF#0402FF
HEX#0402FF
RGBrgb(4, 2, 255)
RGB (0–1)0.0157, 0.0078, 1
RGB percentages1.6%, 0.8%, 100%
HSLhsl(240.5, 100%, 50.4%)
HSV / HSBhsv(240.5, 99.2%, 100%)
CMYK98.4%, 99.2%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer262,911
CSS custom property--colour: #0402FF;

Brightness & contrast

Relative luminance0.07289WCAG 2.x, 0 is black and 1 is white
Perceived brightness86.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.54:1
Contrast with white8.54:1WCAG normal text: AAA
Contrast with black2.46:1WCAG normal text: Fail
Greyscale equivalent#151515
Inverted#FBFD00

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0059FFno red cones; affects about 1% of men; ΔE 42.8 from the original
Deuteranopia#003EFBno green cones; the most common form, about 1% of men; ΔE 25.2 from the original
Tritanopia#006B96no blue cones; rare, and affects men and women equally; ΔE 117.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text8.54:1WCAG large text: AAA
Contrast with black, large text2.46:1WCAG large text: Fail

Named colours

Blue · ΔE 0.4Medium blue · ΔE 21.3Blue violet · ΔE 35.4Dark violet · ΔE 38Dark orchid · ΔE 50.6Dark blue · ΔE 51.4
Nearest named CSS colourBlue (#0000FF)ΔE 0.41, indistinguishable to the eye
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FDFF02
Analogous#027FFF, #8302FF
Triadic#FF0402, #02FF04
Split complementary#FF8202, #7FFF02
Tetradic#FF027F, #FDFF02, #02FF83

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CECEFF
Lighter +30%#9C9BFF
Lighter +20%#6968FF
Lighter +10%#3735FF
Darker −10%#0200CE
Darker −20%#01009B
Darker −30%#010068
Darker −40%#000035
More saturated +25%#0402FF
Less saturated −25%#2322DF

Channel breakdown

R4
G2
B255
Red4 (1.6%)
Green2 (0.8%)
Blue255 (100%)
Hue240.47°
Saturation (HSL)100%
Lightness50.39%
Dominant channelBlue
Hex per channelR 04 · G 02 · B FF

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