Colour

#FF686F

#FF686F
Red
Dark
Nearest: Salmon

#FF686F is a red with RGB values 255, 104, 111 and HSL 357°, 100%, 70%. It is a dark colour, so black text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Salmon.

Colour values

#FF686F#FF686F

HEX#FF686F

RGBrgb(255, 104, 111)

RGB (0–1)1, 0.4078, 0.4353

RGB percentages100%, 40.8%, 43.5%

HSLhsl(357.2, 100%, 70.4%)

HSV / HSBhsv(357.2, 59.2%, 100%)

CMYK0%, 59.2%, 56.5%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,738,415

CSS custom property--colour: #FF686F;

Brightness & contrast

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

Perceived brightness164.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.46:1

Contrast with white2.81:1WCAG normal text: Fail

Contrast with black7.46:1WCAG normal text: AAA

Greyscale equivalent#898989

Inverted#009790

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8D866Eno red cones; affects about 1% of men; ΔE 61.2 from the original

Deuteranopia#B3A66Bno green cones; the most common form, about 1% of men; ΔE 62.4 from the original

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

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

Contrast with white, large text2.81:1WCAG large text: Fail

Contrast with black, large text7.46:1WCAG large text: AAA

Named colours

Salmon · ΔE 13.6 Light coral · ΔE 16.7 Indian red · ΔE 17.1 Tomato · ΔE 20.4 Crimson · ΔE 22.3 Coral · ΔE 25.1

Nearest named CSS colourSalmon (#FA8072)ΔE 13.6, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#68FFF8

Analogous#FF68BB, #FFAD68

Triadic#6FFF68, #686FFF

Split complementary#68FFAD, #68BBFF

Tetradic#BAFF68, #68FFF8, #AC68FF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFCED0

Lighter +10%#FF9BA0

Darker −10%#FF353E

Darker −20%#FF020E

Darker −30%#CE000A

Darker −40%#9B0007

More saturated +25%#FF686F

Less saturated −25%#EC7B80

Channel breakdown

R255

G104

B111

Red255 (100%)

Green104 (40.8%)

Blue111 (43.5%)

Hue357.22°

Saturation (HSL)100%

Lightness70.39%

Dominant channelRed

Hex per channelR FF · G 68 · B 6F

Keep nerding

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

#FF686F

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