Nerdulator> put something in

Recognised as Colour

#574F48

  • #574F48
  • Orange
  • Dark
  • Nearest: Dim grey

#574F48 is a orange with RGB values 87, 79, 72 and HSL 28°, 9%, 31%. It is a dark colour, so white text on it reaches 8:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#574F48#574F48
HEX#574F48
RGBrgb(87, 79, 72)
RGB (0–1)0.3412, 0.3098, 0.2824
RGB percentages34.1%, 31%, 28.2%
HSLhsl(28, 9.4%, 31.2%)
HSV / HSBhsv(28, 17.2%, 34.1%)
CMYK0%, 9.2%, 17.2%, 65.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,721,928
CSS custom property--colour: #574F48;

Brightness & contrast

Relative luminance0.08086WCAG 2.x, 0 is black and 1 is white
Perceived brightness80.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.02:1
Contrast with white8.02:1WCAG normal text: AAA
Contrast with black2.62:1WCAG normal text: Fail
Greyscale equivalent#505050
Inverted#A8B0B7

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#524F48no red cones; affects about 1% of men; ΔE 2.3 from the original
Deuteranopia#535148no green cones; the most common form, about 1% of men; ΔE 3 from the original
Tritanopia#5A4D4Dno blue cones; rare, and affects men and women equally; ΔE 4.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text8.02:1WCAG large text: AAA
Contrast with black, large text2.62:1WCAG large text: Fail

Named colours

Dim grey · ΔE 11.7Dark slate grey · ΔE 16.7Gray · ΔE 20.2Slate grey · ΔE 24.9Light slate grey · ΔE 27.6Rosy brown · ΔE 33.1
Nearest named CSS colourDim grey (#696969)ΔE 11.72, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#485057
Analogous#574849, #575748
Triadic#48574F, #4F4857
Split complementary#485757, #484957
Tetradic#495748, #485057, #574857

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#BCB5AF
Lighter +30%#A59B93
Lighter +20%#8E8277
Lighter +10%#73685F
Darker −10%#3B3631
Darker −20%#1F1C1A
Darker −30%#030303
Darker −40%#000000
More saturated +25%#6B4E34
Less saturated −25%#505050

Channel breakdown

R87
G79
B72
Red87 (34.1%)
Green79 (31%)
Blue72 (28.2%)
Hue28°
Saturation (HSL)9.43%
Lightness31.18%
Dominant channelRed
Hex per channelR 57 · G 4F · B 48

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