Search Colors

Yellow Color

HEX #FFFF00 / RGB (255, 255, 0)

Splashing Yellow Paint

What is Yellow Color?

Yellow (Hex code: FFFF00) Thumbnail

Yellow has the hex code #FFFF00. The equivalent RGB values are (255, 255, 0), which means it is composed of 50% red, 50% green and 0% blue. The CMYK color codes, used in printers, are C:0 M:0 Y:100 K:0. In the HSV/HSB scale, Yellow has a hue of 60°, 100% saturation and a brightness value of 100%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Yellow color is included in the web colors list. Thus, it can be used in HTML and CSS code with its name in addition to hex, RGB, CMYK and HSB values.

Download Yellow Solid Color Background


Yellow Color Codes

Hex Code#FFFF00
RGB Values(255, 255, 0)
CMYK Values(0%, 0%, 100%, 0%)
HSV/HSB Values(60°, 100%, 100%)
Closest Web Safe#FFFF00
Inverse Color#0000FF [Blue]
Closest Pantone®803 C
Closest RAL1026 [Luminous yellow]
Complementary Color#0000FF [Blue]
Yellow Converted to Grayscale Codes
Simple Average#AAAAAA
Desaturated#808080
Weighted Average (Most Common)#E3E3E3
Weighted Average (Luma)#EDEDED
Weighted Average (Gamma Adjusted)#EFEFEF

Yellow Color Palettes

Complementary color palette of FFFF00. Complementary color is 0000FF

Complementary Palette

The complement of Yellow is Blue with the hex code #0000FF. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #FFFF00 color is offered by #0000FF. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

FFFF00 0000FF
Analogous color palette with (FFFF00, 80FF00 and FF8000)

Analogous Palette

The analogous colors of Yellow (#FFFF00) are Chartreuse (Web) (#80FF00) and Orange (Color Wheel) (#FF8000). In the RGB color wheel, these two analogous colors occur to the right and left of Yellow with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

FFFF00 80FF00 FF8000
Split Complementary color palette with (FFFF00, 0080FF and 8000FF)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Yellow (#FFFF00) are #0080FF (Azure) and #8000FF (Violet (Color Wheel)). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

FFFF00 0080FF 8000FF
Triadic color palette with (FFFF00, 00FFFF and FF00FF)

Triadic Palette

Yellow triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #00FFFF (Aqua) and #FF00FF (Fuchsia) along with #FFFF00 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

FFFF00 00FFFF FF00FF
Tetradic color palette with (FFFF00, 00FFFF, 0000FF and FF0000)

Tetradic Palette

The tetradic palette of Yellow has four colors - #00FFFF (Aqua), #0000FF (Blue) and #FF0000 (Red) in addition to the base color (#FFFF00). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

FFFF00 00FFFF 0000FF FF0000
Square color palette with (FFFF00, 00FF80, 0000FF and FF0080)

Square Palette

Yellow square color palette has #00FF80 (Guppie Green), #0000FF (Blue) and #FF0080 (Bright Pink). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

FFFF00 00FF80 0000FF FF0080
Rainbow color

Yellow Color Rainbow Palette

Our Yellow rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

FFFF00 24FF00 00FFB6 006DFF 6D00FF FF00B6 FF2400

Tints, Tones & Shades of Yellow Color

Tints

  • Transparent FFFF33FFFF33
  • Transparent FFFF4DFFFF4D
  • Transparent FFFF66FFFF66
  • Transparent FFFF80FFFF80
  • Transparent FFFF99FFFF99
  • Transparent FFFFB3FFFFB3
  • Transparent FFFFCCFFFFCC
  • Transparent FFFFE6FFFFE6

Tones

  • Transparent E6E61AE6E61A
  • Transparent D9D926D9D926
  • Transparent CCCC33CCCC33
  • Transparent C0C040C0C040
  • Transparent B3B34DB3B34D
  • Transparent A6A65AA6A65A
  • Transparent 999966999966
  • Transparent 8D8D738D8D73

Shades

  • Transparent CCCC00CCCC00
  • Transparent B3B300B3B300
  • Transparent 999900999900
  • Transparent 808000808000
  • Transparent 666600666600
  • Transparent 4D4D004D4D00
  • Transparent 333300333300
  • Transparent 1A1A001A1A00

Yellow Color Patterns

  • Transparent

    Yellow Gingham Checks

  • Transparent

    Yellow Vertical Stripes Pattern

  • Transparent

    Yellow Polka Dots Pattern

  • Transparent

    Yellow Honeycomb Pattern

  • Transparent

    Yellow Leaves Pattern

  • Transparent

    Yellow Houndstooth Pattern

  • Transparent

    Yellow Trellis Pattern

  • Transparent

    Yellow Plaid Pattern


Yellow Color Interior Ideas

Pretty Photo frame on Yellow color drawing room interior textured wall

Yellow Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Yellow color Living room wal color

Yellow Color Living Room Wall Paint Idea

Pretty Photo frame on Yellow color Bedroom interior wall color

Yellow Color Bedroom Wall Paint Idea

Pretty Photo frame on Yellow color kitchen interior wall color

Yellow Color Kitchen Wall Paint Idea


Photo credits: klipartz.com