Nerdulator> put something in

Colour

#3C51D7

  • #3C51D7
  • Blue
  • Dark
  • Nearest: Medium slateblue

#3C51D7 is a blue with RGB values 60, 81, 215 and HSL 232°, 66%, 54%. It is a dark colour, so white text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.

Colour values

#3C51D7#3C51D7
HEX#3C51D7
RGBrgb(60, 81, 215)
RGB (0–1)0.2353, 0.3176, 0.8431
RGB percentages23.5%, 31.8%, 84.3%
HSLhsl(231.9, 66%, 53.9%)
HSV / HSBhsv(231.9, 72.1%, 84.3%)
CMYK72.1%, 62.3%, 0%, 15.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,953,111
CSS custom property--colour: #3C51D7;

Brightness & contrast

Relative luminance0.11752WCAG 2.x, 0 is black and 1 is white
Perceived brightness101 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.27:1
Contrast with white6.27:1WCAG normal text: AA
Contrast with black3.35:1WCAG normal text: Fail
Greyscale equivalent#565656
Inverted#C3AE28

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0068DBno red cones; affects about 1% of men; ΔE 18.7 from the original
Deuteranopia#0059D4no green cones; the most common form, about 1% of men; ΔE 10.4 from the original
Tritanopia#00748Cno blue cones; rare, and affects men and women equally; ΔE 75 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.27:1WCAG large text: AAA
Contrast with black, large text3.35:1WCAG large text: AA

Named colours

Medium slateblue · ΔE 13.2Slate blue · ΔE 14Royal blue · ΔE 14.2Medium purple · ΔE 25.3Rebecca purple · ΔE 25.8Dark blue · ΔE 29.3
Nearest named CSS colourMedium slateblue (#7B68EE)ΔE 13.23, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D7C23C
Analogous#3C9ED7, #743CD7
Triadic#D73C51, #51D73C
Split complementary#D7743C, #9FD73C
Tetradic#D73C9F, #D7C23C, #3CD775

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E5E8FA
Lighter +30%#BBC2F1
Lighter +20%#919DE8
Lighter +10%#6677E0
Darker −10%#263ABA
Darker −20%#1D2D90
Darker −30%#152065
Darker −40%#0C123B
More saturated +25%#1F3CF4
Less saturated −25%#5966BA

Channel breakdown

R60
G81
B215
Red60 (23.5%)
Green81 (31.8%)
Blue215 (84.3%)
Hue231.87°
Saturation (HSL)65.96%
Lightness53.92%
Dominant channelBlue
Hex per channelR 3C · G 51 · B D7

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 “3c51d7” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.