Nerdulator> put something in

Colour

#575B77

  • #575B77
  • Blue
  • Dark
  • Nearest: Slate grey

#575B77 is a blue with RGB values 87, 91, 119 and HSL 233°, 16%, 40%. It is a dark colour, so white text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#575B77#575B77
HEX#575B77
RGBrgb(87, 91, 119)
RGB (0–1)0.3412, 0.3569, 0.4667
RGB percentages34.1%, 35.7%, 46.7%
HSLhsl(232.5, 15.5%, 40.4%)
HSV / HSBhsv(232.5, 26.9%, 46.7%)
CMYK26.9%, 23.5%, 0%, 53.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,725,047
CSS custom property--colour: #575B77;

Brightness & contrast

Relative luminance0.1084WCAG 2.x, 0 is black and 1 is white
Perceived brightness93.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.63:1
Contrast with white6.63:1WCAG normal text: AA
Contrast with black3.17:1WCAG normal text: Fail
Greyscale equivalent#5C5C5C
Inverted#A8A488

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#535E78no red cones; affects about 1% of men; ΔE 3 from the original
Deuteranopia#515B76no green cones; the most common form, about 1% of men; ΔE 2.3 from the original
Tritanopia#4F6065no blue cones; rare, and affects men and women equally; ΔE 15.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text6.63:1WCAG large text: AAA
Contrast with black, large text3.17:1WCAG large text: AA

Named colours

Slate grey · ΔE 16.5Dim grey · ΔE 17.9Light slate grey · ΔE 19Gray · ΔE 22.3Steel blue · ΔE 22.6Dark slate grey · ΔE 22.6
Nearest named CSS colourSlate grey (#708090)ΔE 16.46, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#777357
Analogous#576B77, #635777
Triadic#77575B, #5B7757
Split complementary#776357, #6B7757
Tetradic#77576B, #777357, #577763

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#C5C7D5
Lighter +30%#A8ABBF
Lighter +20%#8A8EAA
Lighter +10%#6D7294
Darker −10%#41445A
Darker −20%#2C2E3C
Darker −30%#16171F
Darker −40%#010101
More saturated +25%#3D4891
Less saturated −25%#676767

Channel breakdown

R87
G91
B119
Red87 (34.1%)
Green91 (35.7%)
Blue119 (46.7%)
Hue232.5°
Saturation (HSL)15.53%
Lightness40.39%
Dominant channelBlue
Hex per channelR 57 · G 5B · 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 “575b77” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.