Colour

#F4D800

#F4D800
Yellow
Light
Nearest: Gold

#F4D800 is a yellow with RGB values 244, 216, 0 and HSL 53°, 100%, 48%. It is a light colour, so black text on it reaches 14.7:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#F4D800#F4D800

HEX#F4D800

RGBrgb(244, 216, 0)

RGB (0–1)0.9569, 0.8471, 0

RGB percentages95.7%, 84.7%, 0%

HSLhsl(53.1, 100%, 47.8%)

HSV / HSBhsv(53.1, 100%, 95.7%)

CMYK0%, 11.5%, 100%, 4.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,046,080

CSS custom property--colour: #F4D800;

Brightness & contrast

Relative luminance0.68345WCAG 2.x, 0 is black and 1 is white

Perceived brightness212.6 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.67:1

Contrast with white1.43:1WCAG normal text: Fail

Contrast with black14.67:1WCAG normal text: AAA

Greyscale equivalent#CECECE

Inverted#0B27FF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#EFD200no red cones; affects about 1% of men; ΔE 2.7 from the original

Deuteranopia#F6DC25no green cones; the most common form, about 1% of men; ΔE 4.1 from the original

Tritanopia#FFC7B8no blue cones; rare, and affects men and women equally; ΔE 75.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.43:1WCAG large text: Fail

Contrast with black, large text14.67:1WCAG large text: AAA

Named colours

Gold · ΔE 5.3 Yellow · ΔE 20 Goldenrod · ΔE 28 Orange · ΔE 33.8 Yellow green · ΔE 37.8 Dark goldenrod · ΔE 39.5

Nearest named CSS colourGold (#FFD700)ΔE 5.33, clearly different but related

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#001CF4

Analogous#F45E00, #96F400

Triadic#00F4D8, #D800F4

Split complementary#0096F4, #5E00F4

Tetradic#00F45E, #001CF4, #F40096

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFF8C1

Lighter +30%#FFF28E

Lighter +20%#FFEC5B

Lighter +10%#FFE628

Darker −10%#C1AB00

Darker −20%#8E7E00

Darker −30%#5B5100

Darker −40%#282300

More saturated +25%#F4D800

Less saturated −25%#D6C11F

Channel breakdown

R244

G216

Red244 (95.7%)

Green216 (84.7%)

Blue0 (0%)

Hue53.11°

Saturation (HSL)100%

Lightness47.84%

Dominant channelRed

Hex per channelR F4 · G D8 · B 00

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#F4D800

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else