Nerdulator> put something in

Recognised as Colour

#5D6877

  • #5D6877
  • Blue
  • Dark
  • Nearest: Slate grey

#5D6877 is a blue with RGB values 93, 104, 119 and HSL 215°, 12%, 42%. It is a dark colour, so white text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#5D6877#5D6877
HEX#5D6877
RGBrgb(93, 104, 119)
RGB (0–1)0.3647, 0.4078, 0.4667
RGB percentages36.5%, 40.8%, 46.7%
HSLhsl(214.6, 12.3%, 41.6%)
HSV / HSBhsv(214.6, 21.8%, 46.7%)
CMYK21.8%, 12.6%, 0%, 53.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,121,591
CSS custom property--colour: #5D6877;

Brightness & contrast

Relative luminance0.1356WCAG 2.x, 0 is black and 1 is white
Perceived brightness102.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.66:1
Contrast with white5.66:1WCAG normal text: AA
Contrast with black3.71:1WCAG normal text: Fail
Greyscale equivalent#676767
Inverted#A29788

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#636878no red cones; affects about 1% of men; ΔE 2.4 from the original
Deuteranopia#606677no green cones; the most common form, about 1% of men; ΔE 2.3 from the original
Tritanopia#566B6Dno blue cones; rare, and affects men and women equally; ΔE 9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.66:1WCAG large text: AAA
Contrast with black, large text3.71:1WCAG large text: AA

Named colours

Slate grey · ΔE 9.4Dim grey · ΔE 9.8Light slate grey · ΔE 12.5Gray · ΔE 14Dark slate grey · ΔE 17.7Steel blue · ΔE 24.4
Nearest named CSS colourSlate grey (#708090)ΔE 9.4, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#776C5D
Analogous#5D7577, #5F5D77
Triadic#775D68, #68775D
Split complementary#775F5D, #75775D
Tetradic#775D75, #776C5D, #5D775F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CACFD6
Lighter +30%#AEB5BF
Lighter +20%#919BA9
Lighter +10%#748193
Darker −10%#474F5A
Darker −20%#30363E
Darker −30%#1A1D21
Darker −40%#040404
More saturated +25%#426492
Less saturated −25%#6A6A6A

Channel breakdown

R93
G104
B119
Red93 (36.5%)
Green104 (40.8%)
Blue119 (46.7%)
Hue214.62°
Saturation (HSL)12.26%
Lightness41.57%
Dominant channelBlue
Hex per channelR 5D · G 68 · B 77

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