Recognised as Colour

#FF284E

#FF284E
Red
Dark
Nearest: Crimson

#FF284E is a red with RGB values 255, 40, 78 and HSL 349°, 100%, 58%. It is a dark colour, so black text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#FF284E#FF284E

HEX#FF284E

RGBrgb(255, 40, 78)

RGB (0–1)1, 0.1569, 0.3059

RGB percentages100%, 15.7%, 30.6%

HSLhsl(349.4, 100%, 57.8%)

HSV / HSBhsv(349.4, 84.3%, 100%)

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

24-bit integer16,721,998

CSS custom property--colour: #FF284E;

Brightness & contrast

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

Perceived brightness145.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.67:1

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

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

Greyscale equivalent#585858

Inverted#00D7B1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6F684Eno red cones; affects about 1% of men; ΔE 81.9 from the original

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

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

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

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

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

Named colours

Crimson · ΔE 10.5 Tomato · ΔE 23.6 Firebrick · ΔE 26.9 Red · ΔE 32.8 Brown · ΔE 33 Salmon · ΔE 34.5

Nearest named CSS colourCrimson (#DC143C)ΔE 10.49, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#28FFD9

Analogous#FF28B9, #FF6E28

Triadic#4EFF28, #284EFF

Split complementary#28FF6E, #28B9FF

Tetradic#B9FF28, #28FFD9, #6E28FF

Tints, shades & saturation

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

Lighter +40%#FFF4F6

Lighter +30%#FFC1CC

Lighter +20%#FF8EA2

Lighter +10%#FF5B78

Darker −10%#F4002B

Darker −20%#C10022

Darker −30%#8E0019

Darker −40%#5B0010

More saturated +25%#FF284E

Less saturated −25%#E4435F

Channel breakdown

R255

G40

B78

Red255 (100%)

Green40 (15.7%)

Blue78 (30.6%)

Hue349.4°

Saturation (HSL)100%

Lightness57.84%

Dominant channelRed

Hex per channelR FF · G 28 · B 4E

Keep nerding

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

#FF284E

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