Colour

#39304D

#39304D
Violet
Dark
Nearest: Dark slate grey

#39304D is a violet with RGB values 57, 48, 77 and HSL 259°, 23%, 25%. It is a dark colour, so white text on it reaches 12.3:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#39304D#39304D

HEX#39304D

RGBrgb(57, 48, 77)

RGB (0–1)0.2235, 0.1882, 0.302

RGB percentages22.4%, 18.8%, 30.2%

HSLhsl(258.6, 23.2%, 24.5%)

HSV / HSBhsv(258.6, 37.7%, 30.2%)

CMYK26%, 37.7%, 0%, 69.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,747,917

CSS custom property--colour: #39304D;

Brightness & contrast

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

Perceived brightness54.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.32:1

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

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

Greyscale equivalent#343434

Inverted#C6CFB2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#2A344Cno green cones; the most common form, about 1% of men; ΔE 8.2 from the original

Tritanopia#35353Bno blue cones; rare, and affects men and women equally; ΔE 16 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark slate grey · ΔE 27.8 Black · ΔE 29.7 Dim grey · ΔE 29.9 Dark slateblue · ΔE 30.9 Slate grey · ΔE 34.1 Light slate grey · ΔE 36.9

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#444D30

Analogous#30354D, #48304D

Triadic#4D3930, #304D39

Split complementary#4D4830, #354D30

Tetradic#4D3035, #444D30, #304D48

Tints, shades & saturation

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

Lighter +40%#9D90B9

Lighter +30%#8170A6

Lighter +20%#68578C

Lighter +10%#50446C

Darker −10%#221C2E

Darker −20%#0A090E

Darker −30%#000000

Darker −40%#000000

More saturated +25%#33205D

Less saturated −25%#3F3F3F

Channel breakdown

R57

G48

B77

Red57 (22.4%)

Green48 (18.8%)

Blue77 (30.2%)

Hue258.62°

Saturation (HSL)23.2%

Lightness24.51%

Dominant channelBlue

Hex per channelR 39 · G 30 · B 4D

Keep nerding

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

#39304D

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