Nerdulator> put something in

Recognised as Colour

#616C76

  • #616C76
  • Blue
  • Dark
  • Nearest: Dim grey

#616C76 is a blue with RGB values 97, 108, 118 and HSL 209°, 10%, 42%. It is a dark colour, so white text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#616C76#616C76
HEX#616C76
RGBrgb(97, 108, 118)
RGB (0–1)0.3804, 0.4235, 0.4627
RGB percentages38%, 42.4%, 46.3%
HSLhsl(208.6, 9.8%, 42.2%)
HSV / HSBhsv(208.6, 17.8%, 46.3%)
CMYK17.8%, 8.5%, 0%, 53.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,384,758
CSS custom property--colour: #616C76;

Brightness & contrast

Relative luminance0.14575WCAG 2.x, 0 is black and 1 is white
Perceived brightness106.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.36:1
Contrast with white5.36:1WCAG normal text: AA
Contrast with black3.91:1WCAG normal text: Fail
Greyscale equivalent#6A6A6A
Inverted#9E9389

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#686C77no red cones; affects about 1% of men; ΔE 2.8 from the original
Deuteranopia#666A76no green cones; the most common form, about 1% of men; ΔE 3 from the original
Tritanopia#5C6E6Fno blue cones; rare, and affects men and women equally; ΔE 6.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.36:1WCAG large text: AAA
Contrast with black, large text3.91:1WCAG large text: AA

Named colours

Dim grey · ΔE 7.2Slate grey · ΔE 8.6Gray · ΔE 11.2Light slate grey · ΔE 11.6Dark slate grey · ΔE 17.3Cadetblue · ΔE 24
Nearest named CSS colourDim grey (#696969)ΔE 7.24, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#766B61
Analogous#617676, #616276
Triadic#76616C, #6C7661
Split complementary#766162, #767661
Tetradic#766176, #766B61, #627661

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CDD2D6
Lighter +30%#B1B8BF
Lighter +20%#959FA8
Lighter +10%#798691
Darker −10%#4A525A
Darker −20%#33393E
Darker −30%#1C1F22
Darker −40%#050606
More saturated +25%#466D91
Less saturated −25%#6C6C6C

Channel breakdown

R97
G108
B118
Red97 (38%)
Green108 (42.4%)
Blue118 (46.3%)
Hue208.57°
Saturation (HSL)9.77%
Lightness42.16%
Dominant channelBlue
Hex per channelR 61 · G 6C · B 76

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