Recognised as Colour

#F03823

#F03823
Red
Dark
Nearest: Orange red

#F03823 is a red with RGB values 240, 56, 35 and HSL 6°, 87%, 54%. It is a dark colour, so black text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#F03823#F03823

HEX#F03823

RGBrgb(240, 56, 35)

RGB (0–1)0.9412, 0.2196, 0.1373

RGB percentages94.1%, 22%, 13.7%

HSLhsl(6.1, 87.2%, 53.9%)

HSV / HSBhsv(6.1, 85.4%, 94.1%)

CMYK0%, 76.7%, 85.4%, 5.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,743,011

CSS custom property--colour: #F03823;

Brightness & contrast

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

Perceived brightness138.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.29:1

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

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

Greyscale equivalent#5E5E5E

Inverted#0FC7DC

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#73661Dno red cones; affects about 1% of men; ΔE 73.5 from the original

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

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

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

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

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

Named colours

Orange red · ΔE 14.8 Tomato · ΔE 15.6 Red · ΔE 17.6 Crimson · ΔE 22.3 Firebrick · ΔE 25.2 Coral · ΔE 27.3

Nearest named CSS colourOrange red (#FF4500)ΔE 14.85, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#23DBF0

Analogous#F02374, #F09E23

Triadic#23F038, #3823F0

Split complementary#23F09E, #2375F0

Tetradic#75F023, #23DBF0, #9F23F0

Tints, shades & saturation

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

Lighter +40%#FDE5E2

Lighter +30%#FABAB2

Lighter +20%#F78E82

Lighter +10%#F36353

Darker −10%#D2220E

Darker −20%#A21B0B

Darker −30%#721308

Darker −40%#420B05

More saturated +25%#FF2C14

Less saturated −25%#D34F40

Channel breakdown

R240

G56

B35

Red240 (94.1%)

Green56 (22%)

Blue35 (13.7%)

Hue6.15°

Saturation (HSL)87.23%

Lightness53.92%

Dominant channelRed

Hex per channelR F0 · G 38 · B 23

Keep nerding

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

#F03823

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