Recognised as Colour
#BA5E86
- #BA5E86
- Red
- Dark
- Nearest: Pale violetred
#BA5E86 is a red with RGB values 186, 94, 134 and HSL 334°, 40%, 55%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Pale violetred.
Colour values
#BA5E86#BA5E86
HEX#BA5E86
RGBrgb(186, 94, 134)
RGB (0–1)0.7294, 0.3686, 0.5255
RGB percentages72.9%, 36.9%, 52.5%
HSLhsl(333.9, 40%, 54.9%)
HSV / HSBhsv(333.9, 49.5%, 72.9%)
CMYK0%, 49.5%, 28%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,213,894
CSS custom property--colour: #BA5E86;
Brightness & contrast
Relative luminance0.20166WCAG 2.x, 0 is black and 1 is white
Perceived brightness132.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.03:1
Contrast with white4.17:1WCAG normal text: Fail
Contrast with black5.03:1WCAG normal text: AA
Greyscale equivalent#747474
Inverted#45A179
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.17:1WCAG large text: AA
Contrast with black, large text5.03:1WCAG large text: AAA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#5EBA92
Analogous#BA5EB4, #BA645E
Triadic#86BA5E, #5E86BA
Split complementary#5EBA64, #5EB4BA
Tetradic#B4BA5E, #5EBA92, #645EBA
Tints, shades & saturation
Channel breakdown
R186
G94
B134
Red186 (72.9%)
Green94 (36.9%)
Blue134 (52.5%)
Hue333.91°
Saturation (HSL)40%
Lightness54.9%
Dominant channelRed
Hex per channelR BA · G 5E · B 86
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page