Colour

#F0DF86

#F0DF86
Yellow
Light
Nearest: Khaki

#F0DF86 is a yellow with RGB values 240, 223, 134 and HSL 50°, 78%, 73%. It is a light colour, so black text on it reaches 15.6:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F0DF86#F0DF86

HEX#F0DF86

RGBrgb(240, 223, 134)

RGB (0–1)0.9412, 0.8745, 0.5255

RGB percentages94.1%, 87.5%, 52.5%

HSLhsl(50.4, 77.9%, 73.3%)

HSV / HSBhsv(50.4, 44.2%, 94.1%)

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

24-bit integer15,785,862

CSS custom property--colour: #F0DF86;

Brightness & contrast

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

Perceived brightness220.1 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.6:1

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

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

Greyscale equivalent#DCDCDC

Inverted#0F2079

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Khaki · ΔE 3.5 Pale goldenrod · ΔE 14.9 Dark khaki · ΔE 16.6 Navajo white · ΔE 20.4 Moccasin · ΔE 21.3 Wheat · ΔE 22.9

Nearest named CSS colourKhaki (#F0E68C)ΔE 3.52, a close match

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8697F0

Analogous#F0AA86, #CCF086

Triadic#86F0DF, #DF86F0

Split complementary#86CCF0, #AA86F0

Tetradic#86F0AA, #8697F0, #F086CC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FBF7E1

Lighter +10%#F6EBB3

Darker −10%#EAD359

Darker −20%#E5C72B

Darker −30%#C5A918

Darker −40%#978213

More saturated +25%#FFE977

Less saturated −25%#DFD397

Channel breakdown

R240

G223

B134

Red240 (94.1%)

Green223 (87.5%)

Blue134 (52.5%)

Hue50.38°

Saturation (HSL)77.94%

Lightness73.33%

Dominant channelRed

Hex per channelR F0 · G DF · B 86

Keep nerding

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

#F0DF86

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