Nerdulator> put something in

Recognised as Colour

#3F5288

  • #3F5288
  • Blue
  • Dark
  • Nearest: Dark slateblue

#3F5288 is a blue with RGB values 63, 82, 136 and HSL 224°, 37%, 39%. It is a dark colour, so white text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#3F5288#3F5288
HEX#3F5288
RGBrgb(63, 82, 136)
RGB (0–1)0.2471, 0.3216, 0.5333
RGB percentages24.7%, 32.2%, 53.3%
HSLhsl(224.4, 36.7%, 39%)
HSV / HSBhsv(224.4, 53.7%, 53.3%)
CMYK53.7%, 39.7%, 0%, 46.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,149,896
CSS custom property--colour: #3F5288;

Brightness & contrast

Relative luminance0.08869WCAG 2.x, 0 is black and 1 is white
Perceived brightness85.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.57:1
Contrast with white7.57:1WCAG normal text: AAA
Contrast with black2.77:1WCAG normal text: Fail
Greyscale equivalent#525252
Inverted#C0AD77

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#3D588Ano red cones; affects about 1% of men; ΔE 4.4 from the original
Deuteranopia#345187no green cones; the most common form, about 1% of men; ΔE 2.6 from the original
Tritanopia#1C5E66no blue cones; rare, and affects men and women equally; ΔE 34.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.57:1WCAG large text: AAA
Contrast with black, large text2.77:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 20.1Steel blue · ΔE 21.3Slate grey · ΔE 30Cornflower blue · ΔE 31.1Light slate grey · ΔE 31.5Midnight blue · ΔE 34.6
Nearest named CSS colourDark slateblue (#483D8B)ΔE 20.06, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#88753F
Analogous#3F7788, #503F88
Triadic#883F52, #52883F
Split complementary#88513F, #77883F
Tetradic#883F77, #88753F, #3F8851

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B6C0DD
Lighter +30%#93A2CD
Lighter +20%#7084BD
Lighter +10%#4F67AB
Darker −10%#2F3D65
Darker −20%#1F2842
Darker −30%#0F131F
Darker −40%#000000
More saturated +25%#2646A1
Less saturated −25%#585E6F

Channel breakdown

R63
G82
B136
Red63 (24.7%)
Green82 (32.2%)
Blue136 (53.3%)
Hue224.38°
Saturation (HSL)36.68%
Lightness39.02%
Dominant channelBlue
Hex per channelR 3F · G 52 · B 88

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