Nerdulator> put something in

Colour

#FF7B0D

  • #FF7B0D
  • Orange
  • Dark
  • Nearest: Dark orange

#FF7B0D is a orange with RGB values 255, 123, 13 and HSL 27°, 100%, 53%. It is a dark colour, so black text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Dark orange.

Colour values

#FF7B0D#FF7B0D
HEX#FF7B0D
RGBrgb(255, 123, 13)
RGB (0–1)1, 0.4824, 0.051
RGB percentages100%, 48.2%, 5.1%
HSLhsl(27.3, 100%, 52.5%)
HSV / HSBhsv(27.3, 94.9%, 100%)
CMYK0%, 51.8%, 94.9%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,743,181
CSS custom property--colour: #FF7B0D;

Brightness & contrast

Relative luminance0.35455WCAG 2.x, 0 is black and 1 is white
Perceived brightness168.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.09:1
Contrast with white2.6:1WCAG normal text: Fail
Contrast with black8.09:1WCAG normal text: AAA
Greyscale equivalent#8F8F8F
Inverted#0084F2

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A28E00no red cones; affects about 1% of men; ΔE 51.3 from the original
Deuteranopia#C2AC02no green cones; the most common form, about 1% of men; ΔE 51.8 from the original
Tritanopia#FF5C6Ano blue cones; rare, and affects men and women equally; ΔE 48.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.6:1WCAG large text: Fail
Contrast with black, large text8.09:1WCAG large text: AAA

Named colours

Dark orange · ΔE 10Chocolate · ΔE 19.7Coral · ΔE 24.1Orange red · ΔE 24.1Orange · ΔE 24.3Tomato · ΔE 28.3
Nearest named CSS colourDark orange (#FF8C00)ΔE 10.01, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#0D91FF
Analogous#FF0D18, #FFF40D
Triadic#0DFF7B, #7B0DFF
Split complementary#0DFFF4, #0D18FF
Tetradic#18FF0D, #0D91FF, #F40DFF

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFEAD9
Lighter +30%#FFCEA6
Lighter +20%#FFB373
Lighter +10%#FF9740
Darker −10%#D96300
Darker −20%#A64B00
Darker −30%#733400
Darker −40%#401D00
More saturated +25%#FF7B0D
Less saturated −25%#E17E2B

Channel breakdown

R255
G123
B13
Red255 (100%)
Green123 (48.2%)
Blue13 (5.1%)
Hue27.27°
Saturation (HSL)100%
Lightness52.55%
Dominant channelRed
Hex per channelR FF · G 7B · B 0D

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 “ff7b0d” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.