Colour

#F4D94E

#F4D94E
Yellow
Light
Nearest: Gold

#F4D94E is a yellow with RGB values 244, 217, 78 and HSL 50°, 88%, 63%. It is a light colour, so black text on it reaches 14.9:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#F4D94E#F4D94E

HEX#F4D94E

RGBrgb(244, 217, 78)

RGB (0–1)0.9569, 0.851, 0.3059

RGB percentages95.7%, 85.1%, 30.6%

HSLhsl(50.2, 88.3%, 63.1%)

HSV / HSBhsv(50.2, 68%, 95.7%)

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

24-bit integer16,046,414

CSS custom property--colour: #F4D94E;

Brightness & contrast

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

Perceived brightness214.8 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.88:1

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

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

Greyscale equivalent#D5D5D5

Inverted#0B26B1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Gold · ΔE 18.7 Goldenrod · ΔE 21.3 Khaki · ΔE 24.4 Yellow · ΔE 31.9 Dark goldenrod · ΔE 32.1 Dark khaki · ΔE 32.6

Nearest named CSS colourGold (#FFD700)ΔE 18.66, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4E69F4

Analogous#F4864E, #BCF44E

Triadic#4EF4D9, #D94EF4

Split complementary#4EBCF4, #864EF4

Tetradic#4EF486, #4E69F4, #F44EBC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FDF8DE

Lighter +20%#FAEEAE

Lighter +10%#F7E37E

Darker −10%#F1CF1E

Darker −20%#CFB00D

Darker −30%#9F870A

Darker −40%#6F5E07

More saturated +25%#FFE043

Less saturated −25%#DDC966

Channel breakdown

R244

G217

B78

Red244 (95.7%)

Green217 (85.1%)

Blue78 (30.6%)

Hue50.24°

Saturation (HSL)88.3%

Lightness63.14%

Dominant channelRed

Hex per channelR F4 · G D9 · B 4E

Keep nerding

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

#F4D94E

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