Colour

#022AAC

#022AAC
Blue
Dark
Nearest: Dark blue

#022AAC is a blue with RGB values 2, 42, 172 and HSL 226°, 98%, 34%. It is a dark colour, so white text on it reaches 10.9:1 contrast (AAA for normal text). The nearest named colour is Dark blue.

Colour values

#022AAC#022AAC

HEX#022AAC

RGBrgb(2, 42, 172)

RGB (0–1)0.0078, 0.1647, 0.6745

RGB percentages0.8%, 16.5%, 67.5%

HSLhsl(225.9, 97.7%, 34.1%)

HSV / HSBhsv(225.9, 98.8%, 67.5%)

CMYK98.8%, 75.6%, 0%, 32.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer141,996

CSS custom property--colour: #022AAC;

Brightness & contrast

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

Perceived brightness66.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.88:1

Contrast with white10.88:1WCAG normal text: AAA

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

Greyscale equivalent#2B2B2B

Inverted#FDD553

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0045B0no red cones; affects about 1% of men; ΔE 19.8 from the original

Deuteranopia#0035AAno green cones; the most common form, about 1% of men; ΔE 9.5 from the original

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

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

Contrast with white, large text10.88:1WCAG large text: AAA

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

Named colours

Dark blue · ΔE 13.9 Navy · ΔE 15.1 Indigo · ΔE 20.6 Slate blue · ΔE 24.3 Rebecca purple · ΔE 24.7 Midnight blue · ΔE 25.5

Nearest named CSS colourDark blue (#00008B)ΔE 13.93, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#AC8402

Analogous#027FAC, #2F02AC

Triadic#AC022A, #2AAC02

Split complementary#AC2F02, #7FAC02

Tetradic#AC027F, #AC8402, #02AC2F

Tints, shades & saturation

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

Lighter +40%#7D9BFD

Lighter +30%#4A74FD

Lighter +20%#184DFC

Lighter +10%#0336DE

Darker −10%#011E7A

Darker −20%#011147

Darker −30%#000515

Darker −40%#000000

More saturated +25%#0029AE

Less saturated −25%#183696

Channel breakdown

G42

B172

Red2 (0.8%)

Green42 (16.5%)

Blue172 (67.5%)

Hue225.88°

Saturation (HSL)97.7%

Lightness34.12%

Dominant channelBlue

Hex per channelR 02 · G 2A · B AC

Keep nerding

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

#022AAC

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