Recognised as Colour

#FFF016

#FFF016
Yellow
Light
Nearest: Yellow

#FFF016 is a yellow with RGB values 255, 240, 22 and HSL 56°, 100%, 54%. It is a light colour, so black text on it reaches 17.7:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#FFF016#FFF016

HEX#FFF016

RGBrgb(255, 240, 22)

RGB (0–1)1, 0.9412, 0.0863

RGB percentages100%, 94.1%, 8.6%

HSLhsl(56.1, 100%, 54.3%)

HSV / HSBhsv(56.1, 91.4%, 100%)

CMYK0%, 5.9%, 91.4%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,773,142

CSS custom property--colour: #FFF016;

Brightness & contrast

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

Perceived brightness230.9 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 17.73:1

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

Contrast with black17.73:1WCAG normal text: AAA

Greyscale equivalent#E3E3E3

Inverted#000FE9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#FFDECDno blue cones; rare, and affects men and women equally; ΔE 80.6 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.73:1WCAG large text: AAA

Named colours

Yellow · ΔE 9.6 Gold · ΔE 14 Yellow green · ΔE 37.2 Goldenrod · ΔE 38.2 Green yellow · ΔE 39.2 Orange · ΔE 43.6

Nearest named CSS colourYellow (#FFFF00)ΔE 9.59, clearly different but related

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1625FF

Analogous#FF7B16, #9AFF16

Triadic#16FFF0, #F016FF

Split complementary#169AFF, #7B16FF

Tetradic#16FF7B, #1625FF, #FF169A

Tints, shades & saturation

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

Lighter +40%#FFFDE2

Lighter +30%#FFFAAF

Lighter +20%#FFF77C

Lighter +10%#FFF349

Darker −10%#E2D300

Darker −20%#AFA400

Darker −30%#7C7400

Darker −40%#494400

More saturated +25%#FFF016

Less saturated −25%#E2D733

Channel breakdown

R255

G240

B22

Red255 (100%)

Green240 (94.1%)

Blue22 (8.6%)

Hue56.14°

Saturation (HSL)100%

Lightness54.31%

Dominant channelRed

Hex per channelR FF · G F0 · B 16

Keep nerding

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

#FFF016

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