Colour

#FF3A32

#FF3A32
Red
Dark
Nearest: Tomato

#FF3A32 is a red with RGB values 255, 58, 50 and HSL 2°, 100%, 60%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Tomato.

Colour values

#FF3A32#FF3A32

HEX#FF3A32

RGBrgb(255, 58, 50)

RGB (0–1)1, 0.2275, 0.1961

RGB percentages100%, 22.7%, 19.6%

HSLhsl(2.3, 100%, 59.8%)

HSV / HSBhsv(2.3, 80.4%, 100%)

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

24-bit integer16,726,578

CSS custom property--colour: #FF3A32;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.9:1

Contrast with white3.56:1WCAG normal text: Fail

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

Greyscale equivalent#636363

Inverted#00C5CD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#796C2Eno red cones; affects about 1% of men; ΔE 77.4 from the original

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

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

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

Contrast with white, large text3.56:1WCAG large text: AA

Contrast with black, large text5.9:1WCAG large text: AAA

Named colours

Tomato · ΔE 15.9 Orange red · ΔE 18.1 Red · ΔE 18.1 Crimson · ΔE 20.2 Firebrick · ΔE 27.4 Coral · ΔE 28.8

Nearest named CSS colourTomato (#FF6347)ΔE 15.89, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#32F7FF

Analogous#FF3291, #FFA132

Triadic#32FF3A, #3A32FF

Split complementary#32FFA1, #3290FF

Tetradic#90FF32, #32F7FF, #A032FF

Tints, shades & saturation

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

Lighter +40%#FFFEFE

Lighter +30%#FFCDCB

Lighter +20%#FF9C98

Lighter +10%#FF6B65

Darker −10%#FE0A00

Darker −20%#CB0800

Darker −30%#980600

Darker −40%#650400

More saturated +25%#FF3A32

Less saturated −25%#E5524C

Channel breakdown

R255

G58

B50

Red255 (100%)

Green58 (22.7%)

Blue50 (19.6%)

Hue2.34°

Saturation (HSL)100%

Lightness59.8%

Dominant channelRed

Hex per channelR FF · G 3A · B 32

Keep nerding

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

#FF3A32

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