
A calibrated colorimetric swatch representing yellow (#FDD835), characterized by high-luminance chromatic brilliance, peak photopic cone excitation, and intense solar optimism.
A calibrated colorimetric swatch representing yellow (#FDD835) delivers a radiant, high-luminance field calibrated to standard Google Material Design Yellow-600. Positioned at the exact energetic crossroads of human daylight vision, the swatch radiates intense chromatic optimism. Operating at an 8-bit digital red channel coordinate of 253 paired with an expansive green channel coordinate of 216 and a suppressed blue channel coordinate of 53, the specimen embodies the supreme visual authority of long-and-medium wavelength optical co-activation.
Across the centered square composition, the visual texture exhibits flawless spatial consistency and high photopic brilliance. At an HSL saturation level of 98.0 percent and an elevated lightness score of 60.0 percent, the swatch reflects more than 70 percent of available ambient light. Because the red channel (253) gently exceeds the green channel (216), the hue avoids the harsh, sour, acidic quality of greenish lemon or sulfur yellows, projecting instead an authentic, warm solar radiance reminiscent of sunflowers in full bloom and golden afternoon daylight.
In perceptual and environmental interaction, yellow exerts unmatched optical prominence. Against pure white backgrounds, its radiant edges form a subtle yet clear boundary that radiates warmth, optimism, and intellectual energy. When transposed onto dark charcoal or pitch-black OLED displays, yellow undergoes a breathtaking chromatic expansion: its high-luminance frequencies surge forward into physical space, delivering the highest visual conspicuity of any chromatic hue, instantly commanding human visual attention across complex informational displays.
The objective colorimetric profile of yellow (#FDD835) is formalized across all international display models, color appearance spaces, and commercial subtractive printing workflows.
Color Model | Component Coordinates (Target Column) | Normalized Mathematical Range | Interpretation & Color Space Semantics |
|---|---|---|---|
| Hexadecimal | #FDD835 | Base-16: FD (253), D8 (216), 35 (53) | Standard 24-bit sRGB hex triplet |
| sRGB (8-bit) | R: 253, G: 216, B: 53 | Integers [0, 255] | Primary display coordinate space (IEC 61966-2-1) |
| sRGB (Float) | R: 0.9922, G: 0.8471, B: 0.2078 | Floating-point [0.0000, 1.0000] | Linearized normalized display values |
| HSL | H: 48.9 deg, S: 98.0%, L: 60.0% | Angle [0, 360], Percent [0, 100] | Cylindrical polar coordinate system |
| HSV / HSB | H: 48.9 deg, S: 79.1%, V: 99.2% | Angle [0, 360], Percent [0, 100] | Hexcone hue, saturation, and brightness |
| CMYK | C: 0%, M: 15%, Y: 79%, K: 1% | Process ink percentages [0, 100] | Subtractive four-color lithographic inks |
| CIE 1931 XYZ | X: 0.7182, Y: 0.7092, Z: 0.1265 | Absolute tristimulus under D65 | Standard observer color matching functions |
| CIE 1976 L\*a\*b\ | L\: 87.44, a\: -0.82, b\*: +81.18 | L\ [0, 100], a\, b\* [-128, 127] | Perceptually uniform opponent-color space |
| CIE 1976 L\*u\*v\ | L\: 87.44, u\: +18.45, v\*: +98.12 | Uniform chromaticity coordinates | CRT phosphor and additive display metrics |
| OKLCH | L: 0.8842, C: 0.1852, H: 92.45 deg | L [0, 1], C [0, 0.4], H [0, 360] | Modern CSS Color 4 perceptual coordinate system |
| Binary Base-2 | R: 11111101, G: 11011000, B: 00110101 | 8 bits per channel byte string | Machine-level hardware frame buffer state |
The transformation of sRGB coordinates to the CIE 1931 XYZ system requires applying the standard sRGB inverse gamma transfer function:
$$\gamma(C) = \begin{cases} \frac{C}{12.92} & C \le 0.04045 \\ \left(\frac{C + 0.055}{1.055}\right)^{2.4} & C > 0.04045 \end{cases}$$
Evaluating linear values for yellow:
Multiplying by the standard sRGB-to-XYZ transformation matrix under D65:
$$\begin{bmatrix} X \\ Y \\ Z \end{bmatrix} = \begin{bmatrix} 0.4124564 & 0.3575761 & 0.1804375 \\ 0.2126729 & 0.7151522 & 0.0721750 \\ 0.0193339 & 0.1191920 & 0.9503041 \end{bmatrix} \begin{bmatrix} 0.9804 \\ 0.6865 \\ 0.0352 \end{bmatrix} = \begin{bmatrix} 0.7182 \\ 0.7092 \\ 0.1265 \end{bmatrix}$$
From this tristimulus vector, CIE L\a\b\* coordinates are derived:
Notice the extraordinary colorimetric purity: with $a^$ hovering at -0.82 and $b^$ reaching +81.18, yellow sits almost precisely along the vertical yellow-blue axis of the CIELAB color space. This guarantees that yellow is registered by the human brain as pure, unadulterated spectral yellow, completely free from red-orange contamination or green-cyan cast.
Yellow represents the supreme evolutionary peak of human daylight vision, unifying quantum semiconductor chemistry, fine art history, cognitive neurobiology, and global safety engineering.
The profound visual power of yellow is directly rooted in human evolutionary biology and the spectral physics of our sun:
At the retinal level:
Capturing bright, permanent yellow pigments has challenged chemical engineers across centuries:
Historically, artists relied on Orpiment (arsenic trisulfide, $\text{As}_2\text{S}_3$), known as King's Yellow. Mined from volcanic fumaroles, orpiment was brilliantly golden, but lethally poisonous and notorious for reacting with lead and copper pigments, turning nearby paint black.
In 1817, German chemist Friedrich Stromeyer discovered cadmium, leading to the creation of Cadmium Yellow (Pigment Yellow 35, cadmium sulfide, $\text{CdS}$):
In modern paint manufacturing:
The neural processing of yellow (#FDD835) activates human cognitive circuits faster than any other color:
Because yellow activates L-cones and M-cones simultaneously at the absolute peak of the photopic sensitivity curve:
In modern digital interface systems, yellow (#FDD835) is an indispensable semantic token, universally utilized for warning alerts, pending status indicators, star ratings, and high-visibility bookmarks:
:root {
/* Yellow Color Palette - Solid Design System Tokens */
--color-yellow-50: #fefce8;
--color-yellow-100: #fef9c3;
--color-yellow-200: #fef08a;
--color-yellow-300: #fde047;
--color-yellow-400: #facc15;
--color-yellow-500: #eab308;
--color-yellow-600: #fdd835; /* Canonical Base Brand Token */
--color-yellow-700: #a16207;
--color-yellow-800: #854d0e;
--color-yellow-900: #713f12;
--color-yellow-950: #422006;
/* Semantic UI Tokens */
--yellow-warning-bg: var(--color-yellow-100);
--yellow-warning-border: var(--color-yellow-600);
--yellow-warning-text: var(--color-yellow-950);
--yellow-star-rating: var(--color-yellow-600);
--yellow-badge-surface: var(--color-yellow-600);
--yellow-badge-text: #121212;
/* Translucent Interactive Overlays (GPU Overdraw Efficient) */
--yellow-alpha-glow: rgba(253, 216, 53, 0.3);
--yellow-alpha-hover: rgba(253, 216, 53, 0.12);
--yellow-alpha-active: rgba(253, 216, 53, 0.2);
}module.exports = {
theme: {
extend: {
colors: {
yellow: {
50: "#fefce8",
100: "#fef9c3",
200: "#fef08a",
300: "#fde047",
400: "#facc15",
500: "#eab308",
600: "#fdd835", // Core canonical token
700: "#a16207",
800: "#854d0e",
900: "#713f12",
950: "#422006",
},
},
},
},
};Distinguishing primary yellow from adjacent gold, lemon yellow, amber, and saffron shades requires precise evaluation of hue angle and undertone:
Color Name | Hex Code (Target Column) | CIE L\* | CIE a\* | CIE b\* | Hue Angle | Saturation | Primary Diagnostic Distinction |
|---|---|---|---|---|---|---|---|
| Yellow | #FDD835 | 87.44 | -0.82 | +81.18 | 48.9 deg | 98.0% | Peak photopic luminance primary with pure solar radiance |
| Gold | #FFD700 | 86.84 | -2.14 | +87.25 | 50.6 deg | 100.0% | Slightly greener metallic yellow ($a^* -2.14$); precious metal luster |
| Lemon Yellow | #FFF44F | 94.12 | -9.84 | +78.45 | 56.0 deg | 100.0% | Noticeably greener ($a^* -9.84$); sour, high-frequency citrus flare |
| Amber | #FFBF00 | 81.35 | +10.35 | +86.84 | 45.0 deg | 100.0% | Warmer orange-yellow tertiary ($a^* +10.35$); fossil resin body |
| Saffron | #F4C430 | 81.14 | +6.82 | +74.61 | 45.3 deg | 90.7% | Darker golden spice yellow with delicate reddish-amber warmth |
Metric / Specification | Value / Technical Measurement (Target Column) | Notes & Standards |
|---|---|---|
| Color Name | Yellow | Additive Secondary / Subtractive Primary Standard |
| Hexadecimal Triplet | #FDD835 | 24-bit sRGB color space representation |
| RGB Channel Coordinates | R: 253, G: 216, B: 53 | 8-bit per channel integers [0, 255] |
| HSL Cylindrical Values | 48.9 deg, 98.0%, 60.0% | Hue angle, saturation, lightness |
| HSV / HSB Values | 48.9 deg, 79.1%, 99.2% | Hue, saturation, brightness |
| CMYK Process Inks | C: 0%, M: 15%, Y: 79%, K: 1% | Subtractive four-color lithographic inks |
| CIE 1976 L\*a\*b\ | L\: 87.44, a\: -0.82, b\*: +81.18 | Perceptually uniform D65 reference |
| CIE 1931 XYZ Tristimulus | X: 0.7182, Y: 0.7092, Z: 0.1265 | D65 2-degree standard observer |
| Dominant Wavelength ($\lambda$) | 576.4 nanometers | Peak photopic daylight sensitivity curve |
| Photon Optical Frequency | ~520.1 Terahertz (THz) | Wave frequency ($f = c/\lambda$) |
| Exact Complementary Color | #355AFD (Deep Cobalt / Electric Blue) | Opposite hue angle on color wheel (228.9 deg) |
| Split-Complementary Palette | #35AAFD (Sky Blue) & #8B35FD (Royal Violet) | +/- 150 degrees from primary hue angle |
| Triadic Harmony Palette | #35FDD8 (Bright Aqua) & #D835FD (Magenta-Pink) | Equidistant 120-degree triad |
| Tetradic (Square) Scheme | #35FD5A, #355AFD, #FD35D8 | 90-degree orthogonal square distribution |
| Analogous Neighbor Hues | #FDA635 (Tangerine) & #D8FD35 (Lime Yellow) | Adjacent +/- 30 degrees on chromatic wheel |
| Closest Pantone Matching | Pantone 115 C / Pantone 13-0858 TCX | Global graphic and textile standard |
| Munsell Color Notation | 5Y 8.5/12 | 5 Yellow, Value 8.5, Chroma 12 |
| Temperature Classification | Warm High-Luminance Primary | Peak visual optimism and alertness |
| Web Safe Approximation | #FFCC33 or #FFFF33 | Historical 216-color browser palette match |
| ASTM Lightfastness Category | Class I (Bismuth Vanadate PY184) | Completely permanent, non-fading standard |
| WCAG Contrast on White | 1.28:1 (FAIL for normal body text) | Requires dark backing or dark text pairing |
| WCAG Contrast on Black | 16.58:1 (PASSES WCAG AAA Supreme) | Phenomenal, luminous legibility in dark UI |
In competitive PicRush image recognition challenges, locking in yellow within fractions of a second requires clear sensory shortcuts:
ochre or gamboge.gold.saffron.lime or chartreuse.yellow.yellow, bright yellow, canary yellow, or sun yellow to register full score victory immediately.Practice identifying different colors pictures and discover more items to guess in PicRush.

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen
Common questions, fun facts, and identification clues about the Yellow.
Yellow possesses the unique distinction of being a primary color in subtractive color systems while functioning as a secondary color in additive light systems: - In subtractive systems (such as printing and traditional painting), yellow is a primary color (the "Y" in CMYK). It absorbs short-wave blue light and cannot be created by mixing other pigments. - In additive systems (such as computer monitors and television screens), yellow is a secondary color produced by combining equal proportions of red light and green light (R=255, G=255, B=0), which together stimulate the retina's L-cones and M-cones.
Safety equipment and moving vehicles are colored yellow because the human eye possesses its highest photopic sensitivity in the yellow-green portion of the visible spectrum (around 555 to 575 nanometers). Furthermore, the human brain processes yellow visual signals with lower neural latency than red or blue, and yellow remains visible in low-light peripheral vision long after other colors fade into gray. Tennis balls were officially changed from white to optic yellow in 1972 specifically to improve television visibility.
To mix a brilliant, archival yellow on an artist's palette: - Professional painters use single-pigment yellows directly from the tube: Cadmium Yellow Light (PY35) for opaque, heavy coverage, or Bismuth Vanadate (PY184) for extreme lightfastness and brilliant tinting strength. - To warm yellow toward golden sunshine, add a microscopic touch of Cadmium Orange (PO20) or Quinacridone Gold (PO49). - Never use black to darken yellow; carbon black mixed with yellow produces an unappealing, sickly olive green due to black's blue-absorbing properties. To darken yellow while preserving its warmth, use Raw Umber (PBr7) or Burnt Sienna (PR101).
While yellow and gold share the same spectral neighborhood, gold (#FFD700) is a metallic yellow with a slightly negative $a^*$ coordinate ($-2.14$), leaning slightly toward cool brass before human eye integration. Yellow (#FDD835) has an $a^*$ coordinate closer to zero ($-0.82$) and a gentle, sunny warmth, giving it a friendly, cheerful, non-metallic solar personality.
Because yellow (#FDD835) reflects over 70% of incident light, it generates a contrast ratio of only 1.28:1 against pure white (#FFFFFF), severely failing WCAG accessibility requirements for text. Designers must NEVER place white text on a yellow background, nor use yellow text on white. Instead: - Yellow is ideal for high-visibility warning banners, bookmark ribbons, and rating stars paired with dark charcoal text (#121212). - On dark mode surfaces (such as #121212 or pure black), yellow achieves a colossal **16.58:1 contrast ratio**, easily surpassing WCAG AAA standards to create radiant, eye-catching focal points that command immediate attention.
Challenge yourself across hundreds of high-definition Colors photos in our fast-paced 15-second timed multiplayer rounds.