Nerdulator> put something in

Recognised as Colour

#3D54D9

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

#3D54D9 is a blue with RGB values 61, 84, 217 and HSL 231°, 67%, 55%. It is a dark colour, so white text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.

Colour values

#3D54D9#3D54D9
HEX#3D54D9
RGBrgb(61, 84, 217)
RGB (0–1)0.2392, 0.3294, 0.851
RGB percentages23.9%, 32.9%, 85.1%
HSLhsl(231.2, 67.2%, 54.5%)
HSV / HSBhsv(231.2, 71.9%, 85.1%)
CMYK71.9%, 61.3%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,019,417
CSS custom property--colour: #3D54D9;

Brightness & contrast

Relative luminance0.12343WCAG 2.x, 0 is black and 1 is white
Perceived brightness103.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.05:1
Contrast with white6.05:1WCAG normal text: AA
Contrast with black3.47:1WCAG normal text: Fail
Greyscale equivalent#595959
Inverted#C2AB26

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#006ADDno red cones; affects about 1% of men; ΔE 18 from the original
Deuteranopia#005BD6no green cones; the most common form, about 1% of men; ΔE 9.8 from the original
Tritanopia#00768Eno blue cones; rare, and affects men and women equally; ΔE 74.2 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.05:1WCAG large text: AAA
Contrast with black, large text3.47:1WCAG large text: AA

Named colours

Medium slateblue · ΔE 12.6Royal blue · ΔE 12.8Slate blue · ΔE 13.3Medium purple · ΔE 24.4Rebecca purple · ΔE 26Dark blue · ΔE 30.6
Nearest named CSS colourMedium slateblue (#7B68EE)ΔE 12.64, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D9C23D
Analogous#3DA2D9, #743DD9
Triadic#D93D54, #54D93D
Split complementary#D9743D, #A2D93D
Tetradic#D93DA2, #D9C23D, #3DD974

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E8EAFA
Lighter +30%#BDC5F2
Lighter +20%#929FEA
Lighter +10%#687AE1
Darker −10%#253CBE
Darker −20%#1D2E93
Darker −30%#142169
Darker −40%#0C133E
More saturated +25%#2040F6
Less saturated −25%#5A68BC

Channel breakdown

R61
G84
B217
Red61 (23.9%)
Green84 (32.9%)
Blue217 (85.1%)
Hue231.15°
Saturation (HSL)67.24%
Lightness54.51%
Dominant channelBlue
Hex per channelR 3D · G 54 · B D9

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