Recognised as Colour

#020CA0

#020CA0
Blue
Dark
Nearest: Dark blue

#020CA0 is a blue with RGB values 2, 12, 160 and HSL 236°, 98%, 32%. It is a dark colour, so white text on it reaches 13.4:1 contrast (AAA for normal text). The nearest named colour is Dark blue.

Colour values

#020CA0#020CA0

HEX#020CA0

RGBrgb(2, 12, 160)

RGB (0–1)0.0078, 0.0471, 0.6275

RGB percentages0.8%, 4.7%, 62.7%

HSLhsl(236.2, 97.5%, 31.8%)

HSV / HSBhsv(236.2, 98.8%, 62.7%)

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

24-bit integer134,304

CSS custom property--colour: #020CA0;

Brightness & contrast

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

Perceived brightness54.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.44:1

Contrast with white13.44:1WCAG normal text: AAA

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

Greyscale equivalent#151515

Inverted#FDF35F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0037A4no red cones; affects about 1% of men; ΔE 26.3 from the original

Deuteranopia#00269Eno green cones; the most common form, about 1% of men; ΔE 15.7 from the original

Tritanopia#00425Dno blue cones; rare, and affects men and women equally; ΔE 80.2 from the original

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

Contrast with white, large text13.44:1WCAG large text: AAA

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

Named colours

Dark blue · ΔE 7.4 Navy · ΔE 12.4 Indigo · ΔE 20.9 Medium blue · ΔE 23.5 Blue violet · ΔE 28.8 Dark orchid · ΔE 30.7

Nearest named CSS colourDark blue (#00008B)ΔE 7.35, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A09602

Analogous#025BA0, #4702A0

Triadic#A0020C, #0CA002

Split complementary#A04702, #5BA002

Tetradic#A0025B, #A09602, #02A047

Tints, shades & saturation

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

Lighter +40%#717AFD

Lighter +30%#3E4AFD

Lighter +20%#0C1BFC

Lighter +10%#0310D2

Darker −10%#01086E

Darker −20%#01043B

Darker −30%#000109

Darker −40%#000000

More saturated +25%#000AA2

Less saturated −25%#161E8C

Channel breakdown

G12

B160

Red2 (0.8%)

Green12 (4.7%)

Blue160 (62.7%)

Hue236.2°

Saturation (HSL)97.53%

Lightness31.76%

Dominant channelBlue

Hex per channelR 02 · G 0C · B A0

Keep nerding

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

#020CA0

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