Colour

#BB4A60

#BB4A60
Red
Dark
Nearest: Indian red

#BB4A60 is a red with RGB values 187, 74, 96 and HSL 348°, 45%, 51%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Indian red.

Colour values

#BB4A60#BB4A60

HEX#BB4A60

RGBrgb(187, 74, 96)

RGB (0–1)0.7333, 0.2902, 0.3765

RGB percentages73.3%, 29%, 37.6%

HSLhsl(348.3, 45.4%, 51.2%)

HSV / HSBhsv(348.3, 60.4%, 73.3%)

CMYK0%, 60.4%, 48.7%, 26.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,274,272

CSS custom property--colour: #BB4A60;

Brightness & contrast

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

Perceived brightness121.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.93:1

Contrast with white4.93:1WCAG normal text: AA

Contrast with black4.26:1WCAG normal text: Fail

Greyscale equivalent#646464

Inverted#44B59F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#636260no red cones; affects about 1% of men; ΔE 48.8 from the original

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

Tritanopia#CB3A52no blue cones; rare, and affects men and women equally; ΔE 13.9 from the original

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

Contrast with white, large text4.93:1WCAG large text: AAA

Contrast with black, large text4.26:1WCAG large text: AA

Named colours

Indian red · ΔE 12.8 Pale violetred · ΔE 17.1 Light coral · ΔE 21.1 Brown · ΔE 21.9 Salmon · ΔE 26.9 Firebrick · ΔE 29.1

Nearest named CSS colourIndian red (#CD5C5C)ΔE 12.85, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4ABBA5

Analogous#BB4A98, #BB6D4A

Triadic#60BB4A, #4A60BB

Split complementary#4ABB6D, #4A98BB

Tetradic#98BB4A, #4ABBA5, #6D4ABB

Tints, shades & saturation

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

Lighter +40%#F3DEE2

Lighter +30%#E5B9C2

Lighter +20%#D794A1

Lighter +10%#C96F81

Darker −10%#99394C

Darker −20%#742B39

Darker −30%#4F1D27

Darker −40%#291015

More saturated +25%#DA2B4D

Less saturated −25%#9C6973

Channel breakdown

R187

G74

B96

Red187 (73.3%)

Green74 (29%)

Blue96 (37.6%)

Hue348.32°

Saturation (HSL)45.38%

Lightness51.18%

Dominant channelRed

Hex per channelR BB · G 4A · B 60

Keep nerding

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

#BB4A60

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