Colour

#BB4A67

#BB4A67
Red
Dark
Nearest: Pale violetred

#BB4A67 is a red with RGB values 187, 74, 103 and HSL 345°, 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 Pale violetred.

Colour values

#BB4A67#BB4A67

HEX#BB4A67

RGBrgb(187, 74, 103)

RGB (0–1)0.7333, 0.2902, 0.4039

RGB percentages73.3%, 29%, 40.4%

HSLhsl(344.6, 45.4%, 51.2%)

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

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

24-bit integer12,274,279

CSS custom property--colour: #BB4A67;

Brightness & contrast

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

Perceived brightness122 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.9:1

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

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

Greyscale equivalent#646464

Inverted#44B598

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Pale violetred · ΔE 14.8 Indian red · ΔE 16.5 Light coral · ΔE 23 Brown · ΔE 25.6 Salmon · ΔE 29.7 Hot pink · ΔE 29.9

Nearest named CSS colourPale violetred (#DB7093)ΔE 14.84, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4ABB9E

Analogous#BB4A9F, #BB664A

Triadic#67BB4A, #4A67BB

Split complementary#4ABB66, #4A9FBB

Tetradic#9FBB4A, #4ABB9E, #664ABB

Tints, shades & saturation

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

Lighter +40%#F3DEE4

Lighter +30%#E5B9C4

Lighter +20%#D794A5

Lighter +10%#C96F86

Darker −10%#993952

Darker −20%#742B3E

Darker −30%#4F1D2A

Darker −40%#291016

More saturated +25%#DA2B58

Less saturated −25%#9C6976

Channel breakdown

R187

G74

B103

Red187 (73.3%)

Green74 (29%)

Blue103 (40.4%)

Hue344.6°

Saturation (HSL)45.38%

Lightness51.18%

Dominant channelRed

Hex per channelR BB · G 4A · B 67

Keep nerding

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

#BB4A67

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