Nerdulator> put something in

Colour

#F7C300

  • #F7C300
  • Yellow
  • Light
  • Nearest: Gold

#F7C300 is a yellow with RGB values 247, 195, 0 and HSL 47°, 100%, 48%. It is a light colour, so black text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#F7C300#F7C300
HEX#F7C300
RGBrgb(247, 195, 0)
RGB (0–1)0.9686, 0.7647, 0
RGB percentages96.9%, 76.5%, 0%
HSLhsl(47.4, 100%, 48.4%)
HSV / HSBhsv(47.4, 100%, 96.9%)
CMYK0%, 21.1%, 100%, 3.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,237,312
CSS custom property--colour: #F7C300;

Brightness & contrast

Relative luminance0.58804WCAG 2.x, 0 is black and 1 is white
Perceived brightness201.4 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.76:1
Contrast with white1.65:1WCAG normal text: Fail
Contrast with black12.76:1WCAG normal text: AAA
Greyscale equivalent#C0C0C0
Inverted#083CFF

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#DCC100no red cones; affects about 1% of men; ΔE 11.6 from the original
Deuteranopia#E9D01Dno green cones; the most common form, about 1% of men; ΔE 12.8 from the original
Tritanopia#FFB0A6no blue cones; rare, and affects men and women equally; ΔE 69.8 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text1.65:1WCAG large text: Fail
Contrast with black, large text12.76:1WCAG large text: AAA

Named colours

Gold · ΔE 9.9Goldenrod · ΔE 17.8Orange · ΔE 20.4Dark goldenrod · ΔE 30.1Yellow · ΔE 33Dark orange · ΔE 34.8
Nearest named CSS colourGold (#FFD700)ΔE 9.93, clearly different but related
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#0034F7
Analogous#F74700, #B0F700
Triadic#00F7C3, #C300F7
Split complementary#00B0F7, #4700F7
Tetradic#00F747, #0034F7, #F700B0

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFF3C4
Lighter +30%#FFE891
Lighter +20%#FFDD5E
Lighter +10%#FFD22B
Darker −10%#C49B00
Darker −20%#917200
Darker −30%#5E4A00
Darker −40%#2B2200
More saturated +25%#F7C300
Less saturated −25%#D8B11F

Channel breakdown

R247
G195
B0
Red247 (96.9%)
Green195 (76.5%)
Blue0 (0%)
Hue47.37°
Saturation (HSL)100%
Lightness48.43%
Dominant channelRed
Hex per channelR F7 · G C3 · 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 “f7c300” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.