Nerdulator> put something in

Recognised as Colour

#204CA5

  • #204CA5
  • Blue
  • Dark
  • Nearest: Dark slateblue

#204CA5 is a blue with RGB values 32, 76, 165 and HSL 220°, 68%, 39%. It is a dark colour, so white text on it reaches 8:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#204CA5#204CA5
HEX#204CA5
RGBrgb(32, 76, 165)
RGB (0–1)0.1255, 0.298, 0.6471
RGB percentages12.5%, 29.8%, 64.7%
HSLhsl(220.2, 67.5%, 38.6%)
HSV / HSBhsv(220.2, 80.6%, 64.7%)
CMYK80.6%, 53.9%, 0%, 35.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,116,773
CSS custom property--colour: #204CA5;

Brightness & contrast

Relative luminance0.08193WCAG 2.x, 0 is black and 1 is white
Perceived brightness82.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.96:1
Contrast with white7.96:1WCAG normal text: AAA
Contrast with black2.64:1WCAG normal text: Fail
Greyscale equivalent#494949
Inverted#DFB35A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0457A8no red cones; affects about 1% of men; ΔE 9 from the original
Deuteranopia#004BA3no green cones; the most common form, about 1% of men; ΔE 2.5 from the original
Tritanopia#006271no blue cones; rare, and affects men and women equally; ΔE 52.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.96:1WCAG large text: AAA
Contrast with black, large text2.64:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 13.1Royal blue · ΔE 20.2Slate blue · ΔE 21.3Midnight blue · ΔE 22.8Rebecca purple · ΔE 24.8Medium purple · ΔE 27.5
Nearest named CSS colourDark slateblue (#483D8B)ΔE 13.07, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A57920
Analogous#208EA5, #3720A5
Triadic#A5204C, #4CA520
Split complementary#A53720, #8EA520
Tetradic#A5208E, #A57920, #20A537

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A4BCED
Lighter +30%#799DE5
Lighter +20%#4E7DDD
Lighter +10%#2860D0
Darker −10%#18387A
Darker −20%#0F2550
Darker −30%#071125
Darker −40%#000000
More saturated +25%#0744BE
Less saturated −25%#39548C

Channel breakdown

R32
G76
B165
Red32 (12.5%)
Green76 (29.8%)
Blue165 (64.7%)
Hue220.15°
Saturation (HSL)67.51%
Lightness38.63%
Dominant channelBlue
Hex per channelR 20 · G 4C · B A5

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “204ca5” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.