Colour

#F6E06F

#F6E06F
Yellow
Light
Nearest: Khaki

#F6E06F is a yellow with RGB values 246, 224, 111 and HSL 50°, 88%, 70%. It is a light colour, so black text on it reaches 15.8:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F6E06F#F6E06F

HEX#F6E06F

RGBrgb(246, 224, 111)

RGB (0–1)0.9647, 0.8784, 0.4353

RGB percentages96.5%, 87.8%, 43.5%

HSLhsl(50.2, 88.2%, 70%)

HSV / HSBhsv(50.2, 54.9%, 96.5%)

CMYK0%, 8.9%, 54.9%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,179,311

CSS custom property--colour: #F6E06F;

Brightness & contrast

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

Perceived brightness221.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.81:1

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

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

Greyscale equivalent#DDDDDD

Inverted#091F90

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Khaki · ΔE 12.6 Dark khaki · ΔE 23.9 Goldenrod · ΔE 26 Pale goldenrod · ΔE 26.4 Gold · ΔE 30.3 Navajo white · ΔE 30.9

Nearest named CSS colourKhaki (#F0E68C)ΔE 12.64, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6F85F6

Analogous#F69D6F, #C8F66F

Triadic#6FF6E0, #E06FF6

Split complementary#6FC9F6, #9C6FF6

Tetradic#6FF69C, #6F85F6, #F66FC9

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FCF5CF

Lighter +10%#F9EA9F

Darker −10%#F3D63F

Darker −20%#F0CB0F

Darker −30%#C0A30C

Darker −40%#907A09

More saturated +25%#FFE666

Less saturated −25%#E3D382

Channel breakdown

R246

G224

B111

Red246 (96.5%)

Green224 (87.8%)

Blue111 (43.5%)

Hue50.22°

Saturation (HSL)88.24%

Lightness70%

Dominant channelRed

Hex per channelR F6 · G E0 · B 6F

Keep nerding

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

#F6E06F

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