Colour

#022176

#022176
Blue
Dark
Nearest: Midnight blue

#022176 is a blue with RGB values 2, 33, 118 and HSL 224°, 97%, 24%. It is a dark colour, so white text on it reaches 14.2:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#022176#022176

HEX#022176

RGBrgb(2, 33, 118)

RGB (0–1)0.0078, 0.1294, 0.4627

RGB percentages0.8%, 12.9%, 46.3%

HSLhsl(224, 96.7%, 23.5%)

HSV / HSBhsv(224, 98.3%, 46.3%)

CMYK98.3%, 72%, 0%, 53.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer139,638

CSS custom property--colour: #022176;

Brightness & contrast

Relative luminance0.02409WCAG 2.x, 0 is black and 1 is white

Perceived brightness47.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.17:1

Contrast with white14.17:1WCAG normal text: AAA

Contrast with black1.48:1WCAG normal text: Fail

Greyscale equivalent#212121

Inverted#FDDE89

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#003079no red cones; affects about 1% of men; ΔE 11.9 from the original

Deuteranopia#002674no green cones; the most common form, about 1% of men; ΔE 5.6 from the original

Tritanopia#003948no blue cones; rare, and affects men and women equally; ΔE 52.9 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text14.17:1WCAG large text: AAA

Contrast with black, large text1.48:1WCAG large text: Fail

Named colours

Midnight blue · ΔE 5 Dark slateblue · ΔE 16 Rebecca purple · ΔE 22.3 Indigo · ΔE 24.8 Navy · ΔE 25.1 Dark blue · ΔE 29.5

Nearest named CSS colourMidnight blue (#191970)ΔE 5, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#765702

Analogous#025B76, #1D0276

Triadic#760221, #217602

Split complementary#761D02, #5B7602

Tetradic#76025B, #765702, #02761D

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#4878FC

Lighter +30%#1653FB

Lighter +20%#043DDA

Lighter +10%#032FA8

Darker −10%#011344

Darker −20%#000512

Darker −30%#000000

Darker −40%#000000

More saturated +25%#002078

Less saturated −25%#112867

Channel breakdown

G33

B118

Red2 (0.8%)

Green33 (12.9%)

Blue118 (46.3%)

Hue223.97°

Saturation (HSL)96.67%

Lightness23.53%

Dominant channelBlue

Hex per channelR 02 · G 21 · B 76

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#022176

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else