Nerdulator> put something in

Colour

#3D69F3

  • #3D69F3
  • Blue
  • Dark
  • Nearest: Royal blue

#3D69F3 is a blue with RGB values 61, 105, 243 and HSL 225°, 88%, 60%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#3D69F3#3D69F3
HEX#3D69F3
RGBrgb(61, 105, 243)
RGB (0–1)0.2392, 0.4118, 0.9529
RGB percentages23.9%, 41.2%, 95.3%
HSLhsl(225.5, 88.3%, 59.6%)
HSV / HSBhsv(225.5, 74.9%, 95.3%)
CMYK74.9%, 56.8%, 0%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,024,819
CSS custom property--colour: #3D69F3;

Brightness & contrast

Relative luminance0.17566WCAG 2.x, 0 is black and 1 is white
Perceived brightness119.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.65:1
Contrast with white4.65:1WCAG normal text: AA
Contrast with black4.51:1WCAG normal text: AA
Greyscale equivalent#6A6A6A
Inverted#C2960C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#007DF8no red cones; affects about 1% of men; ΔE 15.6 from the original
Deuteranopia#006CF0no green cones; the most common form, about 1% of men; ΔE 6.7 from the original
Tritanopia#008BA4no 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 text4.65:1WCAG large text: AAA
Contrast with black, large text4.51:1WCAG large text: AAA

Named colours

Royal blue · ΔE 10.3Medium slateblue · ΔE 12.4Slate blue · ΔE 16.6Medium purple · ΔE 24.6Dodgerblue · ΔE 26.6Rebecca purple · ΔE 32.7
Nearest named CSS colourRoyal blue (#4169E1)ΔE 10.27, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F3C73D
Analogous#3DC4F3, #6C3DF3
Triadic#F33D69, #69F33D
Split complementary#F36C3D, #C4F33D
Tetradic#F33DC4, #F3C73D, #3DF36C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FDFEFF
Lighter +30%#CDD8FC
Lighter +20%#9DB3F9
Lighter +10%#6D8EF6
Darker −10%#0F45EE
Darker −20%#0C37BE
Darker −30%#09298E
Darker −40%#061B5E
More saturated +25%#3163FF
Less saturated −25%#5776D9

Channel breakdown

R61
G105
B243
Red61 (23.9%)
Green105 (41.2%)
Blue243 (95.3%)
Hue225.49°
Saturation (HSL)88.35%
Lightness59.61%
Dominant channelBlue
Hex per channelR 3D · G 69 · B F3

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