Nerdulator> put something in

Recognised as Colour

#FDF103

  • #FDF103
  • Yellow
  • Light
  • Nearest: Yellow

#FDF103 is a yellow with RGB values 253, 241, 3 and HSL 57°, 98%, 50%. It is a light colour, so black text on it reaches 17.8:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#FDF103#FDF103
HEX#FDF103
RGBrgb(253, 241, 3)
RGB (0–1)0.9922, 0.9451, 0.0118
RGB percentages99.2%, 94.5%, 1.2%
HSLhsl(57.1, 98.4%, 50.2%)
HSV / HSBhsv(57.1, 98.8%, 99.2%)
CMYK0%, 4.7%, 98.8%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,642,307
CSS custom property--colour: #FDF103;

Brightness & contrast

Relative luminance0.838WCAG 2.x, 0 is black and 1 is white
Perceived brightness230.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 17.76:1
Contrast with white1.18:1WCAG normal text: Fail
Contrast with black17.76:1WCAG normal text: AAA
Greyscale equivalent#E2E2E2
Inverted#020EFC

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FFE800no red cones; affects about 1% of men; ΔE 5.8 from the original
Deuteranopia#FFEF2Eno green cones; the most common form, about 1% of men; ΔE 6.7 from the original
Tritanopia#FFE0CDno blue cones; rare, and affects men and women equally; ΔE 81.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.18:1WCAG large text: Fail
Contrast with black, large text17.76:1WCAG large text: AAA

Named colours

Yellow · ΔE 7.6Gold · ΔE 15.8Yellow green · ΔE 37.4Green yellow · ΔE 38.1Goldenrod · ΔE 40.1Orange · ΔE 45.4
Nearest named CSS colourYellow (#FFFF00)ΔE 7.65, clearly different but related
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#030FFD
Analogous#FD7403, #8CFD03
Triadic#03FDF1, #F103FD
Split complementary#038CFD, #7403FD
Tetradic#03FD74, #030FFD, #FD038C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFCCD
Lighter +30%#FEF99B
Lighter +20%#FEF768
Lighter +10%#FDF436
Darker −10%#CBC202
Darker −20%#999201
Darker −30%#666101
Darker −40%#343100
More saturated +25%#FFF301
Less saturated −25%#DDD423

Channel breakdown

R253
G241
B3
Red253 (99.2%)
Green241 (94.5%)
Blue3 (1.2%)
Hue57.12°
Saturation (HSL)98.43%
Lightness50.2%
Dominant channelRed
Hex per channelR FD · G F1 · B 03

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