Recognised as Colour

#48245D

#48245D
Violet
Dark
Nearest: Dark slateblue

#48245D is a violet with RGB values 72, 36, 93 and HSL 278°, 44%, 25%. It is a dark colour, so white text on it reaches 12.5:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#48245D#48245D

HEX#48245D

RGBrgb(72, 36, 93)

RGB (0–1)0.2824, 0.1412, 0.3647

RGB percentages28.2%, 14.1%, 36.5%

HSLhsl(277.9, 44.2%, 25.3%)

HSV / HSBhsv(277.9, 61.3%, 36.5%)

CMYK22.6%, 61.3%, 0%, 63.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,727,901

CSS custom property--colour: #48245D;

Brightness & contrast

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

Perceived brightness57.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.46:1

Contrast with white12.46:1WCAG normal text: AAA

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

Greyscale equivalent#303030

Inverted#B7DBA2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#12325Fno red cones; affects about 1% of men; ΔE 22.2 from the original

Deuteranopia#1F355Cno green cones; the most common form, about 1% of men; ΔE 23.1 from the original

Tritanopia#462E3Cno blue cones; rare, and affects men and women equally; ΔE 27.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text12.46:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 17.4 Midnight blue · ΔE 23.2 Rebecca purple · ΔE 27 Purple · ΔE 32.9 Indigo · ΔE 34.9 Dark magenta · ΔE 37.7

Nearest named CSS colourDark slateblue (#483D8B)ΔE 17.42, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#395D24

Analogous#2B245D, #5D2456

Triadic#5D4824, #245D48

Split complementary#565D24, #245D2B

Tetradic#5D2B24, #395D24, #24565D

Tints, shades & saturation

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

Lighter +40%#B17FCE

Lighter +30%#9A5BBF

Lighter +20%#8140A7

Lighter +10%#643282

Darker −10%#2C1638

Darker −20%#0F0813

Darker −30%#000000

Darker −40%#000000

More saturated +25%#4C146D

Less saturated −25%#44344D

Channel breakdown

R72

G36

B93

Red72 (28.2%)

Green36 (14.1%)

Blue93 (36.5%)

Hue277.89°

Saturation (HSL)44.19%

Lightness25.29%

Dominant channelBlue

Hex per channelR 48 · G 24 · B 5D

Keep nerding

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

#48245D

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