Nerdulator> put something in

Colour

#5F7F9F

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

#5F7F9F is a blue with RGB values 95, 127, 159 and HSL 210°, 25%, 50%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#5F7F9F#5F7F9F
HEX#5F7F9F
RGBrgb(95, 127, 159)
RGB (0–1)0.3725, 0.498, 0.6235
RGB percentages37.3%, 49.8%, 62.4%
HSLhsl(210, 25.2%, 49.8%)
HSV / HSBhsv(210, 40.3%, 62.4%)
CMYK40.3%, 20.1%, 0%, 37.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,258,591
CSS custom property--colour: #5F7F9F;

Brightness & contrast

Relative luminance0.20115WCAG 2.x, 0 is black and 1 is white
Perceived brightness122.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.02:1
Contrast with white4.18:1WCAG normal text: Fail
Contrast with black5.02:1WCAG normal text: AA
Greyscale equivalent#7B7B7B
Inverted#A08060

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#7280A1no red cones; affects about 1% of men; ΔE 6 from the original
Deuteranopia#6B799Eno green cones; the most common form, about 1% of men; ΔE 6.9 from the original
Tritanopia#48868Ano blue cones; rare, and affects men and women equally; ΔE 20.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.18:1WCAG large text: AA
Contrast with black, large text5.02:1WCAG large text: AAA

Named colours

Slate grey · ΔE 10.2Light slate grey · ΔE 10.4Steel blue · ΔE 11.5Gray · ΔE 21Dim grey · ΔE 22.2Cadetblue · ΔE 23.3
Nearest named CSS colourSlate grey (#708090)ΔE 10.22, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#9F7F5F
Analogous#5F9F9F, #5F5F9F
Triadic#9F5F7F, #7F9F5F
Split complementary#9F5F5F, #9F9F5F
Tetradic#9F5F9F, #9F7F5F, #5F9F5F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#DEE5EC
Lighter +30%#BFCCD8
Lighter +20%#9FB2C5
Lighter +10%#7F99B2
Darker −10%#4C667F
Darker −20%#394C5F
Darker −30%#26333F
Darker −40%#13191F
More saturated +25%#3F7FBF
Less saturated −25%#7F7F7F

Channel breakdown

R95
G127
B159
Red95 (37.3%)
Green127 (49.8%)
Blue159 (62.4%)
Hue210°
Saturation (HSL)25.2%
Lightness49.8%
Dominant channelBlue
Hex per channelR 5F · G 7F · B 9F

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