Colour

#48374B

#48374B
Magenta
Dark
Nearest: Dim grey

#48374B is a magenta with RGB values 72, 55, 75 and HSL 291°, 15%, 25%. It is a dark colour, so white text on it reaches 10.9:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#48374B#48374B

HEX#48374B

RGBrgb(72, 55, 75)

RGB (0–1)0.2824, 0.2157, 0.2941

RGB percentages28.2%, 21.6%, 29.4%

HSLhsl(291, 15.4%, 25.5%)

HSV / HSBhsv(291, 26.7%, 29.4%)

CMYK4%, 26.7%, 0%, 70.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,732,747

CSS custom property--colour: #48374B;

Brightness & contrast

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

Perceived brightness63 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.92:1

Contrast with white10.92:1WCAG normal text: AAA

Contrast with black1.92:1WCAG normal text: Fail

Greyscale equivalent#3C3C3C

Inverted#B7C8B4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#353B4Cno red cones; affects about 1% of men; ΔE 9.9 from the original

Deuteranopia#393D4Ano green cones; the most common form, about 1% of men; ΔE 10.1 from the original

Tritanopia#49393Eno blue cones; rare, and affects men and women equally; ΔE 9.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text10.92:1WCAG large text: AAA

Contrast with black, large text1.92:1WCAG large text: Fail

Named colours

Dim grey · ΔE 24.1 Dark slate grey · ΔE 24.8 Black · ΔE 29.7 Slate grey · ΔE 30.6 Gray · ΔE 31.7 Light slate grey · ΔE 33.4

Nearest named CSS colourDim grey (#696969)ΔE 24.06, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3A4B37

Analogous#3E374B, #4B3744

Triadic#4B4837, #374B48

Split complementary#444B37, #374B3E

Tetradic#4B3E37, #3A4B37, #37444B

Tints, shades & saturation

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

Lighter +40%#B099B5

Lighter +30%#9A7C9F

Lighter +20%#806286

Lighter +10%#644D68

Darker −10%#2C212E

Darker −20%#100C10

Darker −30%#000000

Darker −40%#000000

More saturated +25%#53275B

Less saturated −25%#414141

Channel breakdown

R72

G55

B75

Red72 (28.2%)

Green55 (21.6%)

Blue75 (29.4%)

Hue291°

Saturation (HSL)15.38%

Lightness25.49%

Dominant channelBlue

Hex per channelR 48 · G 37 · B 4B

Keep nerding

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

#48374B

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