Nerdulator> put something in

Colour

#F7A800

  • #F7A800
  • Orange
  • Dark
  • Nearest: Orange

#F7A800 is a orange with RGB values 247, 168, 0 and HSL 41°, 100%, 48%. It is a dark colour, so black text on it reaches 10.6:1 contrast (AAA for normal text). The nearest named colour is Orange.

Colour values

#F7A800#F7A800
HEX#F7A800
RGBrgb(247, 168, 0)
RGB (0–1)0.9686, 0.6588, 0
RGB percentages96.9%, 65.9%, 0%
HSLhsl(40.8, 100%, 48.4%)
HSV / HSBhsv(40.8, 100%, 96.9%)
CMYK0%, 32%, 100%, 3.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,230,400
CSS custom property--colour: #F7A800;

Brightness & contrast

Relative luminance0.47779WCAG 2.x, 0 is black and 1 is white
Perceived brightness186.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.56:1
Contrast with white1.99:1WCAG normal text: Fail
Contrast with black10.56:1WCAG normal text: AAA
Greyscale equivalent#ADADAD
Inverted#0857FF

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#C4AC00no red cones; affects about 1% of men; ΔE 25.4 from the original
Deuteranopia#D7BF11no green cones; the most common form, about 1% of men; ΔE 25.9 from the original
Tritanopia#FF938Fno blue cones; rare, and affects men and women equally; ΔE 62.1 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text1.99:1WCAG large text: Fail
Contrast with black, large text10.56:1WCAG large text: AAA

Named colours

Orange · ΔE 5Goldenrod · ΔE 14.7Dark orange · ΔE 18.8Dark goldenrod · ΔE 23.8Gold · ΔE 25.8Sandy brown · ΔE 31.8
Nearest named CSS colourOrange (#FFA500)ΔE 4.98, a close match
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#004FF7
Analogous#F72C00, #CBF700
Triadic#00F7A8, #A800F7
Split complementary#00CAF7, #2D00F7
Tetradic#00F72C, #004FF7, #F700CA

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFECC4
Lighter +30%#FFDC91
Lighter +20%#FFCC5E
Lighter +10%#FFBB2B
Darker −10%#C48500
Darker −20%#916300
Darker −30%#5E4000
Darker −40%#2B1D00
More saturated +25%#F7A800
Less saturated −25%#D89D1F

Channel breakdown

R247
G168
B0
Red247 (96.9%)
Green168 (65.9%)
Blue0 (0%)
Hue40.81°
Saturation (HSL)100%
Lightness48.43%
Dominant channelRed
Hex per channelR F7 · G A8 · 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 “f7a800” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.