Colour

#48463E

#48463E
Grey
Dark
Nearest: Dark slate grey

#48463E is a grey with RGB values 72, 70, 62 and HSL 48°, 7%, 26%. It is a dark colour, so white text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#48463E#48463E

HEX#48463E

RGBrgb(72, 70, 62)

RGB (0–1)0.2824, 0.2745, 0.2431

RGB percentages28.2%, 27.5%, 24.3%

HSLhsl(48, 7.5%, 26.3%)

HSV / HSBhsv(48, 13.9%, 28.2%)

CMYK0%, 2.8%, 13.9%, 71.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,736,574

CSS custom property--colour: #48463E;

Brightness & contrast

Relative luminance0.06106WCAG 2.x, 0 is black and 1 is white

Perceived brightness69.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.45:1

Contrast with white9.45:1WCAG normal text: AAA

Contrast with black2.22:1WCAG normal text: Fail

Greyscale equivalent#464646

Inverted#B7B9C1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#48453Eno red cones; affects about 1% of men; ΔE 0.8 from the original

Deuteranopia#48463Eno green cones; the most common form, about 1% of men; ΔE 0 from the original

Tritanopia#4A4544no blue cones; rare, and affects men and women equally; ΔE 4.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text9.45:1WCAG large text: AAA

Contrast with black, large text2.22:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 14.1 Dim grey · ΔE 15.6 Gray · ΔE 24.5 Slate grey · ΔE 28 Black · ΔE 30.1 Light slate grey · ΔE 30.9

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 14.13, a distinctly different colour

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#3E4048

Analogous#48413E, #45483E

Triadic#3E4846, #463E48

Split complementary#3E4548, #413E48

Tetradic#3E4841, #3E4048, #483E45

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#AFADA3

Lighter +30%#989487

Lighter +20%#7F7B6D

Lighter +10%#636156

Darker −10%#2D2B26

Darker −20%#11110F

Darker −30%#000000

Darker −40%#000000

More saturated +25%#59502D

Less saturated −25%#434343

Channel breakdown

R72

G70

B62

Red72 (28.2%)

Green70 (27.5%)

Blue62 (24.3%)

Hue48°

Saturation (HSL)7.46%

Lightness26.27%

Dominant channelRed

Hex per channelR 48 · G 46 · B 3E

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#48463E

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else