Colour

#2061DD

#2061DD
Blue
Dark
Nearest: Royal blue

#2061DD is a blue with RGB values 32, 97, 221 and HSL 219°, 75%, 50%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#2061DD#2061DD

HEX#2061DD

RGBrgb(32, 97, 221)

RGB (0–1)0.1255, 0.3804, 0.8667

RGB percentages12.5%, 38%, 86.7%

HSLhsl(219.4, 74.7%, 49.6%)

HSV / HSBhsv(219.4, 85.5%, 86.7%)

CMYK85.5%, 56.1%, 0%, 13.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,122,205

CSS custom property--colour: #2061DD;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.5:1

Contrast with white5.5:1WCAG normal text: AA

Contrast with black3.82:1WCAG normal text: Fail

Greyscale equivalent#5C5C5C

Inverted#DF9E22

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0072E1no red cones; affects about 1% of men; ΔE 12.6 from the original

Deuteranopia#0061DBno green cones; the most common form, about 1% of men; ΔE 2.2 from the original

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

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

Contrast with white, large text5.5:1WCAG large text: AAA

Contrast with black, large text3.82:1WCAG large text: AA

Named colours

Royal blue · ΔE 4.9 Slate blue · ΔE 14.5 Medium slateblue · ΔE 16.8 Dodgerblue · ΔE 23.1 Medium purple · ΔE 23.7 Rebecca purple · ΔE 29.3

Nearest named CSS colourRoyal blue (#4169E1)ΔE 4.92, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DD9C20

Analogous#20BFDD, #3E20DD

Triadic#DD2061, #61DD20

Split complementary#DD3E20, #BFDD20

Tetradic#DD20BF, #DD9C20, #20DD3E

Tints, shades & saturation

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

Lighter +40%#D1DEF8

Lighter +30%#A4BFF2

Lighter +20%#789FEB

Lighter +10%#4B80E5

Darker −10%#1A4DB0

Darker −20%#133A84

Darker −30%#0D2657

Darker −40%#06132B

More saturated +25%#0057FD

Less saturated −25%#406BBD

Channel breakdown

R32

G97

B221

Red32 (12.5%)

Green97 (38%)

Blue221 (86.7%)

Hue219.37°

Saturation (HSL)74.7%

Lightness49.61%

Dominant channelBlue

Hex per channelR 20 · G 61 · B DD

Keep nerding

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

#2061DD

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