Recognised as Colour

#F0DC4E

#F0DC4E
Yellow
Light
Nearest: Gold

#F0DC4E is a yellow with RGB values 240, 220, 78 and HSL 53°, 84%, 62%. It is a light colour, so black text on it reaches 15.1:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#F0DC4E#F0DC4E

HEX#F0DC4E

RGBrgb(240, 220, 78)

RGB (0–1)0.9412, 0.8627, 0.3059

RGB percentages94.1%, 86.3%, 30.6%

HSLhsl(52.6, 84.4%, 62.4%)

HSV / HSBhsv(52.6, 67.5%, 94.1%)

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

24-bit integer15,785,038

CSS custom property--colour: #F0DC4E;

Brightness & contrast

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

Perceived brightness215.2 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.05:1

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

Contrast with black15.05:1WCAG normal text: AAA

Greyscale equivalent#D6D6D6

Inverted#0F23B1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text15.05:1WCAG large text: AAA

Named colours

Gold · ΔE 19.2 Goldenrod · ΔE 23.8 Khaki · ΔE 24.4 Yellow · ΔE 30.1 Yellow green · ΔE 31.2 Dark khaki · ΔE 32.9

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4E62F0

Analogous#F08B4E, #B3F04E

Triadic#4EF0DC, #DC4EF0

Split complementary#4EB3F0, #8B4EF0

Tetradic#4EF08B, #4E62F0, #F04EB3

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FCF8DB

Lighter +20%#F8EFAC

Lighter +10%#F4E57D

Darker −10%#ECD31F

Darker −20%#C7B111

Darker −30%#98870D

Darker −40%#695D09

More saturated +25%#FFE73F

Less saturated −25%#D8CA66

Channel breakdown

R240

G220

B78

Red240 (94.1%)

Green220 (86.3%)

Blue78 (30.6%)

Hue52.59°

Saturation (HSL)84.38%

Lightness62.35%

Dominant channelRed

Hex per channelR F0 · G DC · B 4E

Keep nerding

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

#F0DC4E

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