Colour

#FDF722

#FDF722
Yellow
Light
Nearest: Yellow

#FDF722 is a yellow with RGB values 253, 247, 34 and HSL 58°, 98%, 56%. It is a light colour, so black text on it reaches 18.5:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#FDF722#FDF722

HEX#FDF722

RGBrgb(253, 247, 34)

RGB (0–1)0.9922, 0.9686, 0.1333

RGB percentages99.2%, 96.9%, 13.3%

HSLhsl(58.4, 98.2%, 56.3%)

HSV / HSBhsv(58.4, 86.6%, 99.2%)

CMYK0%, 2.4%, 86.6%, 0.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,643,874

CSS custom property--colour: #FDF722;

Brightness & contrast

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

Perceived brightness234.7 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.5:1

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

Contrast with black18.5:1WCAG normal text: AAA

Greyscale equivalent#E9E9E9

Inverted#0208DD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text18.5:1WCAG large text: AAA

Named colours

Yellow · ΔE 6.7 Gold · ΔE 18.2 Green yellow · ΔE 35.2 Yellow green · ΔE 35.2 Goldenrod · ΔE 41.4 Khaki · ΔE 45.4

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2228FD

Analogous#FD8922, #96FD22

Triadic#22FDF7, #F722FD

Split complementary#2295FD, #8A22FD

Tetradic#22FD89, #2228FD, #FD2295

Tints, shades & saturation

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

Lighter +40%#FFFEEC

Lighter +30%#FEFCBA

Lighter +20%#FEFB87

Lighter +10%#FDF955

Darker −10%#EAE402

Darker −20%#B7B202

Darker −30%#858101

Darker −40%#525001

More saturated +25%#FFF920

Less saturated −25%#E1DD3E

Channel breakdown

R253

G247

B34

Red253 (99.2%)

Green247 (96.9%)

Blue34 (13.3%)

Hue58.36°

Saturation (HSL)98.21%

Lightness56.27%

Dominant channelRed

Hex per channelR FD · G F7 · B 22

Keep nerding

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

#FDF722

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