Nerdulator> put something in

Recognised as Colour

#F45F00

  • #F45F00
  • Orange
  • Dark
  • Nearest: Orange red

#F45F00 is a orange with RGB values 244, 95, 0 and HSL 23°, 100%, 48%. It is a dark colour, so black text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#F45F00#F45F00
HEX#F45F00
RGBrgb(244, 95, 0)
RGB (0–1)0.9569, 0.3725, 0
RGB percentages95.7%, 37.3%, 0%
HSLhsl(23.4, 100%, 47.8%)
HSV / HSBhsv(23.4, 100%, 95.7%)
CMYK0%, 61.1%, 100%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,015,104
CSS custom property--colour: #F45F00;

Brightness & contrast

Relative luminance0.27418WCAG 2.x, 0 is black and 1 is white
Perceived brightness152 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.48:1
Contrast with white3.24:1WCAG normal text: Fail
Contrast with black6.48:1WCAG normal text: AA
Greyscale equivalent#787878
Inverted#0BA0FF

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#8B7A00no red cones; affects about 1% of men; ΔE 60.5 from the original
Deuteranopia#AF9C00no green cones; the most common form, about 1% of men; ΔE 60.7 from the original
Tritanopia#FF3552no blue cones; rare, and affects men and women equally; ΔE 40.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.24:1WCAG large text: AA
Contrast with black, large text6.48:1WCAG large text: AAA

Named colours

Orange red · ΔE 13.7Dark orange · ΔE 21.2Chocolate · ΔE 21.2Tomato · ΔE 22.8Coral · ΔE 24.4Red · ΔE 26.7
Nearest named CSS colourOrange red (#FF4500)ΔE 13.71, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#0095F4
Analogous#F4001B, #F4D900
Triadic#00F45F, #5F00F4
Split complementary#00F4D9, #001BF4
Tetradic#1BF400, #0095F4, #D900F4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFD9C1
Lighter +30%#FFBA8E
Lighter +20%#FF9B5B
Lighter +10%#FF7C28
Darker −10%#C14B00
Darker −20%#8E3700
Darker −30%#5B2300
Darker −40%#281000
More saturated +25%#F45F00
Less saturated −25%#D6661F

Channel breakdown

R244
G95
B0
Red244 (95.7%)
Green95 (37.3%)
Blue0 (0%)
Hue23.36°
Saturation (HSL)100%
Lightness47.84%
Dominant channelRed
Hex per channelR F4 · G 5F · B 00

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “f45f00” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.