Nerdulator> put something in

Recognised as Colour

#021650

  • #021650
  • Blue
  • Dark
  • Nearest: Midnight blue

#021650 is a blue with RGB values 2, 22, 80 and HSL 225°, 95%, 16%. It is a dark colour, so white text on it reaches 17:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#021650#021650
HEX#021650
RGBrgb(2, 22, 80)
RGB (0–1)0.0078, 0.0863, 0.3137
RGB percentages0.8%, 8.6%, 31.4%
HSLhsl(224.6, 95.1%, 16.1%)
HSV / HSBhsv(224.6, 97.5%, 31.4%)
CMYK97.5%, 72.5%, 0%, 68.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer136,784
CSS custom property--colour: #021650;

Brightness & contrast

Relative luminance0.01166WCAG 2.x, 0 is black and 1 is white
Perceived brightness31.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 17.03:1
Contrast with white17.03:1WCAG normal text: AAA
Contrast with black1.23:1WCAG normal text: Fail
Greyscale equivalent#161616
Inverted#FDE9AF

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#002052no red cones; affects about 1% of men; ΔE 8.6 from the original
Deuteranopia#00184Fno green cones; the most common form, about 1% of men; ΔE 2.6 from the original
Tritanopia#002630no blue cones; rare, and affects men and women equally; ΔE 38.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text17.03:1WCAG large text: AAA
Contrast with black, large text1.23:1WCAG large text: Fail

Named colours

Midnight blue · ΔE 18.5Dark slateblue · ΔE 22.2Rebecca purple · ΔE 34.4Indigo · ΔE 37.8Navy · ΔE 39.6Black · ΔE 43.2
Nearest named CSS colourMidnight blue (#191970)ΔE 18.51, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#503C02
Analogous#023D50, #150250
Triadic#500216, #165002
Split complementary#501502, #3D5002
Tetradic#50023D, #503C02, #025015

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#245BFA
Lighter +30%#063FE5
Lighter +20%#0431B4
Lighter +10%#032482
Darker −10%#01081E
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#001552
Less saturated −25%#0C1B46

Channel breakdown

R2
G22
B80
Red2 (0.8%)
Green22 (8.6%)
Blue80 (31.4%)
Hue224.62°
Saturation (HSL)95.12%
Lightness16.08%
Dominant channelBlue
Hex per channelR 02 · G 16 · B 50

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