Nerdulator> put something in

Recognised as Colour

#F1F004

  • #F1F004
  • Yellow
  • Light
  • Nearest: Yellow

#F1F004 is a yellow with RGB values 241, 240, 4 and HSL 60°, 97%, 48%. It is a light colour, so black text on it reaches 17.2:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#F1F004#F1F004
HEX#F1F004
RGBrgb(241, 240, 4)
RGB (0–1)0.9451, 0.9412, 0.0157
RGB percentages94.5%, 94.1%, 1.6%
HSLhsl(59.7, 96.7%, 48%)
HSV / HSBhsv(59.7, 98.3%, 94.5%)
CMYK0%, 0.4%, 98.3%, 5.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,855,620
CSS custom property--colour: #F1F004;

Brightness & contrast

Relative luminance0.8103WCAG 2.x, 0 is black and 1 is white
Perceived brightness226.2 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 17.21:1
Contrast with white1.22:1WCAG normal text: Fail
Contrast with black17.21:1WCAG normal text: AAA
Greyscale equivalent#DFDFDF
Inverted#0E0FFB

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FFE500no red cones; affects about 1% of men; ΔE 11.3 from the original
Deuteranopia#FFEB2Fno green cones; the most common form, about 1% of men; ΔE 10.7 from the original
Tritanopia#FFE0CCno blue cones; rare, and affects men and women equally; ΔE 81.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.22:1WCAG large text: Fail
Contrast with black, large text17.21:1WCAG large text: AAA

Named colours

Yellow · ΔE 6.8Gold · ΔE 19.2Yellow green · ΔE 33.3Green yellow · ΔE 33.4Goldenrod · ΔE 41.6Khaki · ΔE 46.4
Nearest named CSS colourYellow (#FFFF00)ΔE 6.83, clearly different but related
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#0405F1
Analogous#F17A04, #7BF104
Triadic#04F1F0, #F004F1
Split complementary#047BF1, #7A04F1
Tetradic#04F17A, #0405F1, #F1047B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FEFEC3
Lighter +30%#FDFD91
Lighter +20%#FCFC5F
Lighter +10%#FCFB2C
Darker −10%#BFBE03
Darker −20%#8D8C02
Darker −30%#5A5A02
Darker −40%#282801
More saturated +25%#F5F400
Less saturated −25%#D2D223

Channel breakdown

R241
G240
B4
Red241 (94.5%)
Green240 (94.1%)
Blue4 (1.6%)
Hue59.75°
Saturation (HSL)96.73%
Lightness48.04%
Dominant channelRed
Hex per channelR F1 · G F0 · B 04

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