Colour
#531DA4
- #531DA4
- Violet
- Dark
- Nearest: Indigo
#531DA4 is a violet with RGB values 83, 29, 164 and HSL 264°, 70%, 38%. It is a dark colour, so white text on it reaches 10.1:1 contrast (AAA for normal text). The nearest named colour is Indigo.
Colour values
#531DA4#531DA4
HEX#531DA4
RGBrgb(83, 29, 164)
RGB (0–1)0.3255, 0.1137, 0.6431
RGB percentages32.5%, 11.4%, 64.3%
HSLhsl(264, 69.9%, 37.8%)
HSV / HSBhsv(264, 82.3%, 64.3%)
CMYK49.4%, 82.3%, 0%, 35.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,447,076
CSS custom property--colour: #531DA4;
Brightness & contrast
Relative luminance0.05398WCAG 2.x, 0 is black and 1 is white
Perceived brightness75 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.1:1
Contrast with white10.1:1WCAG normal text: AAA
Contrast with black2.08:1WCAG normal text: Fail
Greyscale equivalent#323232
Inverted#ACE25B
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text10.1:1WCAG large text: AAA
Contrast with black, large text2.08:1WCAG large text: Fail
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6EA41D
Analogous#1D2BA4, #971DA4
Triadic#A4531D, #1DA453
Split complementary#A4971D, #2BA41D
Tetradic#A41D2A, #6EA41D, #1DA497
Tints, shades & saturation
Channel breakdown
R83
G29
B164
Red83 (32.5%)
Green29 (11.4%)
Blue164 (64.3%)
Hue264°
Saturation (HSL)69.95%
Lightness37.84%
Dominant channelBlue
Hex per channelR 53 · G 1D · B A4
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page