Colour

#62226F

#62226F
Violet
Dark
Nearest: Rebecca purple

#62226F is a violet with RGB values 98, 34, 111 and HSL 290°, 53%, 28%. It is a dark colour, so white text on it reaches 10.6:1 contrast (AAA for normal text). The nearest named colour is Rebecca purple.

Colour values

#62226F#62226F

HEX#62226F

RGBrgb(98, 34, 111)

RGB (0–1)0.3843, 0.1333, 0.4353

RGB percentages38.4%, 13.3%, 43.5%

HSLhsl(289.9, 53.1%, 28.4%)

HSV / HSBhsv(289.9, 69.4%, 43.5%)

CMYK11.7%, 69.4%, 0%, 56.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,431,343

CSS custom property--colour: #62226F;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.62:1

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

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

Greyscale equivalent#353535

Inverted#9DDD90

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#093A71no red cones; affects about 1% of men; ΔE 33.5 from the original

Deuteranopia#29416Dno green cones; the most common form, about 1% of men; ΔE 35.1 from the original

Tritanopia#632F45no blue cones; rare, and affects men and women equally; ΔE 31.9 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

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

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

Named colours

Rebecca purple · ΔE 17.2 Dark slateblue · ΔE 18.6 Purple · ΔE 19.3 Midnight blue · ΔE 22.8 Dark magenta · ΔE 24 Indigo · ΔE 25.3

Nearest named CSS colourRebecca purple (#663399)ΔE 17.21, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2F6F22

Analogous#3B226F, #6F2256

Triadic#6F6222, #226F62

Split complementary#566F22, #226F3B

Tetradic#6F3B22, #2F6F22, #22566F

Tints, shades & saturation

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

Lighter +40%#CB84D9

Lighter +30%#BA5DCD

Lighter +20%#A73ABD

Lighter +10%#842E96

Darker −10%#401648

Darker −20%#1D0A21

Darker −30%#000000

Darker −40%#000000

More saturated +25%#6E1081

Less saturated −25%#56345D

Channel breakdown

R98

G34

B111

Red98 (38.4%)

Green34 (13.3%)

Blue111 (43.5%)

Hue289.87°

Saturation (HSL)53.1%

Lightness28.43%

Dominant channelBlue

Hex per channelR 62 · G 22 · B 6F

Keep nerding

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

#62226F

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