Cadmium Yellow (#fdda0d) Color Meaning, Codes and Information

A complete guide to Cadmium Yellow (#fdda0d) covering color values, harmonies, shades, meaning, and practical uses across design, branding, and everyday visuals.

Cadmium Yellow (#fdda0d) Color Information

Cadmium Yellow (#fdda0d) RGB value is (253, 218, 13). The hex color red value is 253, green is 218, and blue is 13. Its HSL format shows a hue of 51°, saturation of 98%, and lightness of 52%, while the CMYK process values are 0%, 14%, 95%, and 1%.

Colors that pair well with Cadmium Yellow (#fdda0d) include Safety Orange (#FF5F15), Bright Green (#AAFF00), and Vivid Cerulean (#00AAEE), as they maintain visual balance and harmony, whereas Bright Turquoise (#08E8DE), Phlox (#DF00FF), and Ultramarine (#0437F2) tend to conflict with this color due to strong contrast or opposing tonal characteristics.

Clear image showing Cadmium Yellow color swatch with hex value #FDDA0D and RGB value (253,218,13)
Share

Cadmium Yellow (#fdda0d) Color Meaning

Cadmium Yellow (#FDDA0D) is a warm, rich yellow historically derived from cadmium pigments. It became prominent in the 19th century for its brilliance and permanence, transforming artistic palettes. Its warm undertones lean slightly toward orange, offering vibrancy without harshness. Cadmium Yellow is widely used in painting, design, and fashion to create visual energy and bold emphasis. Symbolically, Cadmium Yellow (#FDDA0D) represents vitality, creativity, and confidence. It evokes optimism and mental alertness, making it ideal for areas that encourage focus and engagement. Designers use it to energize compositions and highlight key elements, balancing brightness with warmth. Its depth allows pairing with muted tones, deep reds, or blues for dynamic palettes. Culturally, Cadmium Yellow (#FDDA0D) has been significant in art and ceremonial contexts. European painters of the 19th and 20th centuries valued the pigment for its brilliance and longevity. In Asian traditions, similar golden yellows signify nobility, celebration, and positive energy. Today, the color continues to dominate artistic, interior, and branding applications, combining historical richness with modern visual impact.

Color Conversion

Accurate conversions of Cadmium Yellow (#fdda0d) across RGB, Hex, CMYK, HSL, and Lab ensure consistent color fidelity across digital, print, and design applications.

HEX
#fdda0d
RGB
rgb(253, 218, 13)
HSL
hsl(51°, 98%, 52%)
CMYK
cmyk(0%, 14%, 95%, 1%)
HSV
hsv(51°, 95%, 99%)
XYZ
65.6521 71.0545 10.6354
Yxy
71.0545 0.4456 0.4822
Hunter Lab
84.2938 -1.4757 16.5800
CIE-Lab
87.5115 -4.1861 86.3606

RGB Values & CMYK Values

Detailed RGB and CMYK values of Cadmium Yellow (#fdda0d) displayed in a horizontal bar provide clear reference for digital and print color accuracy.

RGB Channels

Red253 / 255 (99%)
99%
Green218 / 255 (85%)
85%
Blue13 / 255 (5%)

CMYK Ink Density

Cyan0 / 100 (0%)
Magenta14 / 100 (14%)
14%
Yellow95 / 100 (95%)
95%
Key (Black)1 / 100 (1%)

Color Variations

A full range of Cadmium Yellow (#fdda0d) variations, including tints, shades, and tones, provides highlights, depth, and subtle desaturated options for UI design.

Color Harmonies

Harmonious color schemes for Cadmium Yellow (#fdda0d) created using the color wheel ensure visually balanced palettes.

Analogous

Colors adjacent on the color wheel (30° apart)

Complementary

Colors opposite on the color wheel (180° apart)

Split Complementary

Three colors using one base hue and the two hues beside its opposite

Triadic

Three colors evenly spaced (120° apart)

Tetradic

Four colors forming a rectangle on the wheel

Square

Four colors evenly spaced (90° apart)

Double Split Complementary

Four colors formed from two base hues and the colors next to their opposites

Monochromatic

Variations of a single hue

Contrast Checker (WCAG)

Luminance contrast ratios for Cadmium Yellow (#fdda0d) against standard backgrounds ensure readable, accessible text following Contrast Checker and WCAG 2.1 AA/AAA standards.

#FFFFFF
#fdda0d

Sample Text

This is how your text will look with these colors.

Large Text (18pt+)

1.38:1
WCAG AA
WCAG AAA

Normal Text

1.38:1
WCAG AA
WCAG AAA

UI Components

1.38:1
WCAG AA
WCAG AAA

Color Blindness Simulator

Simulated views of Cadmium Yellow (#fdda0d) for different color vision deficiencies help identify potential confusion using the Color Blindness Simulator.

Normal Vision

Cadmium Yellow (#fdda0d)

protanopia

#eeee3f

Note: These simulations are approximations. Actual color vision deficiency varies by individual.

CSS Examples

Background Color

background-color: #fdda0d;

Text Color

color: #fdda0d;

Sample Text

Border Color

border: 2px solid #fdda0d;

Box Shadow

box-shadow: 0 4px 6px #fdda0d40;

Text Shadow

text-shadow: 2px 2px 4px #fdda0d;

Sample Text

Gradient

background: linear-gradient(135deg, #fdda0d 0%, #9b8402 100%);

Seamless Patterns

High-resolution seamless patterns featuring Cadmium Yellow (#fdda0d) provide ready-to-use backgrounds, wallpapers, and print designs for any project.

Diagonal Stripes
Polka Dots
Chevron
Diamond Grid
Hexagon
Waves
Crosshatch
Zigzag
Brick Wall
Triangles
Circles Grid
Herringbone

Icons

A collection of popular icons in Cadmium Yellow (#fdda0d) offers ready-to-use visuals for interfaces, designs, and creative projects.

Real-World Applications

Real-world mockups of Cadmium Yellow (#fdda0d) showcase its versatility across fashion, interiors, branding, and product packaging.

Fashion
Colored T-Shirt
Fashion
Baseball Cap
Interior
Living Room
Exterior
Office Complex
BRAND
Brands
Aluminum Can
Vehicle
Glossy Sportscar
Brands
Shopping Bag
Interior
Matte Wall
Brands
Flagship Phone

Useful Color Tools

A curated set of tools to help apply, analyze, and manage colors effectively in your projects

Cadmium Yellow (#fdda0d) Color FAQs

Frequently asked questions about Cadmium Yellow (#fdda0d) color meaning, symbolism, and applications. Click on any question to expand detailed answers.