Colour

#F26B4D

#F26B4D
Red
Dark
Nearest: Tomato

#F26B4D is a red with RGB values 242, 107, 77 and HSL 11°, 86%, 63%. It is a dark colour, so black text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Tomato.

Colour values

#F26B4D#F26B4D

HEX#F26B4D

RGBrgb(242, 107, 77)

RGB (0–1)0.949, 0.4196, 0.302

RGB percentages94.9%, 42%, 30.2%

HSLhsl(10.9, 86.4%, 62.5%)

HSV / HSBhsv(10.9, 68.2%, 94.9%)

CMYK0%, 55.8%, 68.2%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,887,181

CSS custom property--colour: #F26B4D;

Brightness & contrast

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

Perceived brightness157.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.99:1

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

Contrast with black6.99:1WCAG normal text: AA

Greyscale equivalent#868686

Inverted#0D94B2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text6.99:1WCAG large text: AAA

Named colours

Tomato · ΔE 9 Coral · ΔE 9.2 Salmon · ΔE 14.9 Chocolate · ΔE 20.4 Indian red · ΔE 22.1 Firebrick · ΔE 23.6

Nearest named CSS colourTomato (#FF6347)ΔE 9.01, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4DD4F2

Analogous#F24D81, #F2BE4D

Triadic#4DF26B, #6B4DF2

Split complementary#4DF2BD, #4D82F2

Tetradic#82F24D, #4DD4F2, #BE4DF2

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FCE2DC

Lighter +20%#F9BAAC

Lighter +10%#F5937D

Darker −10%#EF431D

Darker −20%#CA310F

Darker −30%#9B250B

Darker −40%#6B1A08

More saturated +25%#FF6340

Less saturated −25%#DA7A65

Channel breakdown

R242

G107

B77

Red242 (94.9%)

Green107 (42%)

Blue77 (30.2%)

Hue10.91°

Saturation (HSL)86.39%

Lightness62.55%

Dominant channelRed

Hex per channelR F2 · G 6B · B 4D

Keep nerding

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

#F26B4D

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