Search Colors

Basic Yellow Color

HEX #F2E30C / RGB (242, 227, 12)

Yellow Shirt Button

What is Basic Yellow Color?

Basic Yellow (Hex code: F2E30C) Thumbnail

Basic Yellow has the hex code #F2E30C. The equivalent RGB values are (242, 227, 12), which means it is composed of 50% red, 47% green and 2% blue. The CMYK color codes, used in printers, are C:0 M:6 Y:95 K:5. In the HSV/HSB scale, Basic Yellow has a hue of 56°, 95% saturation and a brightness value of 95%.
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.

Basic Yellow is not part of the web colors list and, therefore, cannot be used by name in HTML and CSS code. The best way to apply the color to a web page is to put in the hex, RGB and/or HSL values. Please also note that the CMYK numbers mentioned on this page have been calculated from the hex code using well-known formulae and are only approximations.

Download Basic Yellow Solid Color Background

Basic Yellow Color Codes

Hex Code#F2E30C
RGB Values(242, 227, 12)
CMYK Values(0%, 6%, 95%, 5%)
HSV/HSB Values(56°, 95%, 95%)
Closest Web Safe#FFCC00
Inverse Color#0D1CF3 [Bluebonnet]
Closest Pantone®3945 C
Closest RAL1026 [Luminous yellow]
Complementary Color#0C1BF2 [Bluebonnet]
Basic Yellow Converted to Grayscale Codes
Simple Average#A0A0A0
Weighted Average (Most Common)#D0D0D0
Weighted Average (Luma)#D7D7D7
Weighted Average (Gamma Adjusted)#E5E5E5

Basic Yellow Color Palettes

Complementary color palette of F2E30C. Complementary color is 0C1BF2

Complementary Palette

The complement of Basic Yellow is Bluebonnet with the hex code #0C1BF2. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #F2E30C color is offered by #0C1BF2. 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.

F2E30C 0C1BF2
Analogous color palette with (F2E30C, 8EF20C and F2700C)

Analogous Palette

The analogous colors of Basic Yellow (#F2E30C) are Mango Green (#8EF20C) and Philippine Orange (#F2700C). In the RGB color wheel, these two analogous colors occur to the right and left of Basic 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.

F2E30C 8EF20C F2700C
Split Complementary color palette with (F2E30C, 0C8EF2 and 700CF2)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Basic Yellow (#F2E30C) are #0C8EF2 (Dodger Blue) and #700CF2 (Electric Indigo). 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.

F2E30C 0C8EF2 700CF2
Triadic color palette with (F2E30C, 0CF2E3 and E30CF2)

Triadic Palette

Basic Yellow triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #0CF2E3 (Bright Turquoise) and #E30CF2 (Phlox) along with #F2E30C create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

F2E30C 0CF2E3 E30CF2
Tetradic color palette with (F2E30C, 0CF2E3, 0C1BF2 and F20C1B)

Tetradic Palette

The tetradic palette of Basic Yellow has four colors - #0CF2E3 (Bright Turquoise), #0C1BF2 (Bluebonnet) and #F20C1B (Vivid Red) in addition to the base color (#F2E30C). 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.

F2E30C 0CF2E3 0C1BF2 F20C1B
Square color palette with (F2E30C, 0CF270, 0C1BF2 and F20C8E)

Square Palette

Basic Yellow square color palette has #0CF270 (Guppie Green), #0C1BF2 (Bluebonnet) and #F20C8E (Deep 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.

F2E30C 0CF270 0C1BF2 F20C8E
Rainbow color

Basic Yellow Color Rainbow Palette

Our Basic 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.

F2E30C 3CF20C 0CF2A1 0C7EF2 5F0CF2 F20CC0 F21E0C

Tints, Tones & Shades of Basic Yellow Color


  • Transparent F5E93DF5E93D
  • Transparent F6EB55F6EB55
  • Transparent F7EE6DF7EE6D
  • Transparent F9F186F9F186
  • Transparent FAF49EFAF49E
  • Transparent FBF7B6FBF7B6
  • Transparent FCF9CEFCF9CE
  • Transparent FEFCE7FEFCE7


  • Transparent DBCF23DBCF23
  • Transparent D0C52FD0C52F
  • Transparent C4BB3AC4BB3A
  • Transparent B9B246B9B246
  • Transparent AEA852AEA852
  • Transparent A29E5DA29E5D
  • Transparent 979469979469
  • Transparent 8B8A748B8A74


  • Transparent C2B60AC2B60A
  • Transparent A99F08A99F08
  • Transparent 918807918807
  • Transparent 797206797206
  • Transparent 615B05615B05
  • Transparent 494404494404
  • Transparent 302D02302D02
  • Transparent 181701181701

Basic Yellow Color Patterns

  • Transparent

    Basic Yellow Gingham Checks

  • Transparent

    Basic Yellow Vertical Stripes Pattern

  • Transparent

    Basic Yellow Polka Dots Pattern

  • Transparent

    Basic Yellow Honeycomb Pattern

  • Transparent

    Basic Yellow Leaves Pattern

  • Transparent

    Basic Yellow Houndstooth Pattern

  • Transparent

    Basic Yellow Trellis Pattern

  • Transparent

    Basic Yellow Plaid Pattern

Basic Yellow Color Interior Ideas

Pretty Photo frame on Basic Yellow color drawing room interior textured wall

Basic Yellow Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Basic Yellow color Living room wal color

Basic Yellow Color Living Room Wall Paint Idea

Pretty Photo frame on Basic Yellow color Bedroom interior wall color

Basic Yellow Color Bedroom Wall Paint Idea

Pretty Photo frame on Basic Yellow color kitchen interior wall color

Basic Yellow Color Kitchen Wall Paint Idea

Photo credits: