Color Meaning

Yellow Orange

What is Yellow Orange color? Meaning, Hex codes and Palettes

Explore the hex code, RGB, HSL, CMYK and LAB values for Yellow Orange, see how it looks for people with color vision deficiencies, and find color harmonies built around it.

#FFB343
HEX#FFB343
RGB255, 179, 67
HSL36°, 100%, 63%
HSB36°, 74%, 100%
CMYK0, 30, 74, 0
LAB78, 18, 65
XYZ58.4, 53.9, 12.6
LCH78, 68, 75°
LUV78, 61, 69
HWB36°, 26%, 0%

Yellow Orange Color Variations

Shades, tints, tones and hues built from yellow-orange. Hover any swatch to see its hex code.

Shades

#FFB343
#DB9939
#B68030
#926626
#6D4D1D
#493313
#241A0A
#000000

Tints

#FFB343
#FFBE5E
#FFC979
#FFD494
#FFDEAE
#FFE9C9
#FFF4E4
#FFFFFF

Tones

#FFB343
#EDAC4C
#DBA454
#C99D5D
#B69666
#A48F6F
#928777
#808080

Hues

#FFB343
#BEFF43
#43FF55
#43FFE2
#438FFF
#8443FF
#FF43ED
#FF4360

Yellow Orange Color Contrast

Check how readable text and graphics are against yellow-orange. Adjust the text and background colors to see the WCAG contrast score update in real time.

Text Color
#000000
Background Color
#FFB343
11.78Great

High Contrast Sample Text

Strong color contrast improves legibility for everyone.

The Yellow Orange color with the hex code #FFB343 is a bright, warm shade that blends the cheerfulness of yellow with the energy of orange. It symbolizes optimism, enthusiasm, creativity, and friendliness, creating a vibrant and uplifting visual impression. In color psychology, Yellow Orange #FFB343 is associated with joy, confidence, and motivation, making it an excellent choice for designs that aim to feel energetic and welcoming.

Yellow Orange Color Harmonies

Ready-made color scheme combinations built around yellow-orange, from subtle analogous palettes to bold, high-contrast pairings.

Analogous

#FF5543
#FFB343
#EDFF43

Complementary

#FFB343
#438FFF

Split Complementary

#FFB343
#43EDFF
#5543FF

Triadic

#FFB343
#43FFB3
#B343FF

Tetradic

#FFB343
#8FFF43
#438FFF
#B343FF

Square

#FFB343
#43FF55
#438FFF
#FF43ED

Yellow Orange Color Blindness Preview

See how yellow-orange is perceived by people with the most common color vision deficiencies.

Protanopia
#FFB343
Original
#DEDD5E
Protanopia
Deuteranopia
#FFB343
Original
#E3E865
Deuteranopia
Tritanopia
#FFB343
Original
#FB7378
Tritanopia
Achromatopsia
#FFB343
Original
#BDBDBD
Achromatopsia

Frequently Asked Questions

1. What colors go with Yellow Orange?

Colors that go with Yellow Orange include navy blue, teal, charcoal gray, white, cream, olive green, and warm brown for a balanced and visually appealing palette. For a bolder look, pair Yellow Orange with deep purple or rich blue to create strong complementary contrast while keeping the design vibrant and harmonious.

2. How to make a Yellow Orange?

To make Yellow Orange, mix more yellow than red, typically using about 2 parts yellow to 1 part red, until you achieve a warm golden-orange hue. Adjust the ratio by adding more yellow for a lighter shade or a touch more red for a deeper tone, similar to Yellow Orange #FFB343.

3. What is Yellow Orange?

Yellow Orange is a vibrant color that combines the brightness of yellow with the warmth of orange, creating an energetic and cheerful appearance. The Yellow Orange color is represented by the hex code #FFB343 and is often associated with optimism, creativity, enthusiasm, and friendliness. It is commonly used in branding, fashion, packaging, and design to create bold, inviting, and eye-catching visuals.

More Color Meanings