Recognised as Colour

#F23A00

#F23A00
Red
Dark
Nearest: Orange red

#F23A00 is a red with RGB values 242, 58, 0 and HSL 14°, 100%, 47%. It is a dark colour, so black text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#F23A00#F23A00

HEX#F23A00

RGBrgb(242, 58, 0)

RGB (0–1)0.949, 0.2275, 0

RGB percentages94.9%, 22.7%, 0%

HSLhsl(14.4, 100%, 47.5%)

HSV / HSBhsv(14.4, 100%, 94.9%)

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

24-bit integer15,874,560

CSS custom property--colour: #F23A00;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.38:1

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

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

Greyscale equivalent#5D5D5D

Inverted#0DC5FF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#766700no red cones; affects about 1% of men; ΔE 73.6 from the original

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

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

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

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

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

Named colours

Orange red · ΔE 4.8 Red · ΔE 12.8 Tomato · ΔE 23.2 Coral · ΔE 31.7 Chocolate · ΔE 31.7 Crimson · ΔE 33.2

Nearest named CSS colourOrange red (#FF4500)ΔE 4.77, a close match

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#00B8F2

Analogous#F2003F, #F2B300

Triadic#00F23A, #3A00F2

Split complementary#00F2B3, #003FF2

Tetradic#3FF200, #00B8F2, #B300F2

Tints, shades & saturation

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

Lighter +40%#FFCEBF

Lighter +30%#FFA88C

Lighter +20%#FF8159

Lighter +10%#FF5A26

Darker −10%#BF2E00

Darker −20%#8C2200

Darker −30%#591500

Darker −40%#260900

More saturated +25%#F23A00

Less saturated −25%#D44A1E

Channel breakdown

R242

G58

Red242 (94.9%)

Green58 (22.7%)

Blue0 (0%)

Hue14.38°

Saturation (HSL)100%

Lightness47.45%

Dominant channelRed

Hex per channelR F2 · G 3A · B 00

Keep nerding

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

#F23A00

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