Colour

#205BB4

#205BB4
Blue
Dark
Nearest: Dark slateblue

#205BB4 is a blue with RGB values 32, 91, 180 and HSL 216°, 70%, 42%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Dark slateblue.

Colour values

#205BB4#205BB4

HEX#205BB4

RGBrgb(32, 91, 180)

RGB (0–1)0.1255, 0.3569, 0.7059

RGB percentages12.5%, 35.7%, 70.6%

HSLhsl(216.1, 69.8%, 41.6%)

HSV / HSBhsv(216.1, 82.2%, 70.6%)

CMYK82.2%, 49.4%, 0%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,120,628

CSS custom property--colour: #205BB4;

Brightness & contrast

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

Perceived brightness94.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.53:1

Contrast with white6.53:1WCAG normal text: AA

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

Greyscale equivalent#555555

Inverted#DFA44B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2565B7no red cones; affects about 1% of men; ΔE 6.7 from the original

Deuteranopia#0057B2no green cones; the most common form, about 1% of men; ΔE 2.6 from the original

Tritanopia#00717Fno blue cones; rare, and affects men and women equally; ΔE 51.9 from the original

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

Contrast with white, large text6.53:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 17.9 Royal blue · ΔE 19.1 Slate blue · ΔE 22.8 Dodgerblue · ΔE 22.9 Cornflower blue · ΔE 23 Medium purple · ΔE 27.1

Nearest named CSS colourDark slateblue (#483D8B)ΔE 17.87, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B47920

Analogous#20A5B4, #2F20B4

Triadic#B4205B, #5BB420

Split complementary#B42F20, #A5B420

Tetradic#B420A5, #B47920, #20B42F

Tints, shades & saturation

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

Lighter +40%#AFC9F1

Lighter +30%#84ACE9

Lighter +20%#598FE1

Lighter +10%#2D72DA

Darker −10%#184589

Darker −20%#112F5D

Darker −30%#091932

Darker −40%#010307

More saturated +25%#0556CF

Less saturated −25%#3B609A

Channel breakdown

R32

G91

B180

Red32 (12.5%)

Green91 (35.7%)

Blue180 (70.6%)

Hue216.08°

Saturation (HSL)69.81%

Lightness41.57%

Dominant channelBlue

Hex per channelR 20 · G 5B · B B4

Keep nerding

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

#205BB4

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