Nerdulator> put something in

Colour

#021CF4

  • #021CF4
  • Blue
  • Dark
  • Nearest: Blue

#021CF4 is a blue with RGB values 2, 28, 244 and HSL 234°, 98%, 48%. 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

#021CF4#021CF4
HEX#021CF4
RGBrgb(2, 28, 244)
RGB (0–1)0.0078, 0.1098, 0.9569
RGB percentages0.8%, 11%, 95.7%
HSLhsl(233.6, 98.4%, 48.2%)
HSV / HSBhsv(233.6, 99.2%, 95.7%)
CMYK99.2%, 88.5%, 0%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer138,484
CSS custom property--colour: #021CF4;

Brightness & contrast

Relative luminance0.07375WCAG 2.x, 0 is black and 1 is white
Perceived brightness85.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.48:1
Contrast with white8.48:1WCAG normal text: AAA
Contrast with black2.48:1WCAG normal text: Fail
Greyscale equivalent#262626
Inverted#FDE30B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0059F9no red cones; affects about 1% of men; ΔE 35.7 from the original
Deuteranopia#0040F1no green cones; the most common form, about 1% of men; ΔE 20.9 from the original
Tritanopia#006A91no blue cones; rare, and affects men and women equally; ΔE 109.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text8.48:1WCAG large text: AAA
Contrast with black, large text2.48:1WCAG large text: Fail

Named colours

Blue · ΔE 10.8Medium blue · ΔE 12.8Blue violet · ΔE 28Dark violet · ΔE 32Dark blue · ΔE 42.2Dark orchid · ΔE 42.7
Nearest named CSS colourBlue (#0000FF)ΔE 10.83, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F4DA02
Analogous#0295F4, #6102F4
Triadic#F4021C, #1CF402
Split complementary#F46102, #95F402
Tetradic#F40295, #F4DA02, #02F461

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#C3CAFF
Lighter +30%#919DFE
Lighter +20%#5E6FFE
Lighter +10%#2C42FD
Darker −10%#0216C1
Darker −20%#01108F
Darker −30%#010B5C
Darker −40%#00052A
More saturated +25%#001AF6
Less saturated −25%#2134D5

Channel breakdown

R2
G28
B244
Red2 (0.8%)
Green28 (11%)
Blue244 (95.7%)
Hue233.55°
Saturation (HSL)98.37%
Lightness48.24%
Dominant channelBlue
Hex per channelR 02 · G 1C · B F4

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