Nerdulator> put something in

Recognised as Colour

#3F4F63

  • #3F4F63
  • Blue
  • Dark
  • Nearest: Dark slate grey

#3F4F63 is a blue with RGB values 63, 79, 99 and HSL 213°, 22%, 32%. It is a dark colour, so white text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#3F4F63#3F4F63
HEX#3F4F63
RGBrgb(63, 79, 99)
RGB (0–1)0.2471, 0.3098, 0.3882
RGB percentages24.7%, 31%, 38.8%
HSLhsl(213.3, 22.2%, 31.8%)
HSV / HSBhsv(213.3, 36.4%, 38.8%)
CMYK36.4%, 20.2%, 0%, 61.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,149,091
CSS custom property--colour: #3F4F63;

Brightness & contrast

Relative luminance0.0755WCAG 2.x, 0 is black and 1 is white
Perceived brightness77.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.37:1
Contrast with white8.37:1WCAG normal text: AAA
Contrast with black2.51:1WCAG normal text: Fail
Greyscale equivalent#4D4D4D
Inverted#C0B09C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#485064no red cones; affects about 1% of men; ΔE 3 from the original
Deuteranopia#444C63no green cones; the most common form, about 1% of men; ΔE 3.7 from the original
Tritanopia#345356no blue cones; rare, and affects men and women equally; ΔE 12.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text8.37:1WCAG large text: AAA
Contrast with black, large text2.51:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 14.9Dim grey · ΔE 17.8Slate grey · ΔE 20.1Light slate grey · ΔE 23.1Gray · ΔE 24.7Steel blue · ΔE 27.1
Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 14.9, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#63533F
Analogous#3F6163, #413F63
Triadic#633F4F, #4F633F
Split complementary#63413F, #61633F
Tetradic#633F61, #63533F, #3F6341

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A7B5C7
Lighter +30%#889BB3
Lighter +20%#69819F
Lighter +10%#536882
Darker −10%#2B3644
Darker −20%#171D25
Darker −30%#030405
Darker −40%#000000
More saturated +25%#2B4D77
Less saturated −25%#515151

Channel breakdown

R63
G79
B99
Red63 (24.7%)
Green79 (31%)
Blue99 (38.8%)
Hue213.33°
Saturation (HSL)22.22%
Lightness31.76%
Dominant channelBlue
Hex per channelR 3F · G 4F · B 63

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