yellow palette
- #ffff00
- #bfbf3f
- #fccc04
- #fcdc04
- #fbfb04
- #fcc404
- #fcf404
- #fcfc04
- #ffc107
- #fce404
- #fcd404
- #fbd304
- #fbcc04
- #fcbc04
- #fcd404
- #fbcb04
- #fcec04
- #fcb404
- #fccc2c
- #fbc304
Created at 06/03/2021 09:03
The palette consists of Light colors. Accent colors Yellow #ffff00 and #ffc107. Palette has Warm colors temperature.
By lightness, this palette runs from #BFBF3F (darkest) to #FFFF00 (lightest). The lightness range is relatively narrow.
Overall saturation feels vivid (higher chroma) — 95% of colors are vivid.
An analogous palette: its hues sit close together on the color wheel, within about 17°.
Overall temperature among swatches leans warm (20 of 20).
HEX codes (sorted): #BFBF3F, #FBC304, #FBCB04, #FBCC04, #FBD304, #FBFB04, #FCB404, #FCBC04, #FCC404, #FCCC04, #FCCC2C, #FCD404, #FCDC04, #FCE404, #FCEC04, #FCF404, #FCFC04, #FFC107, #FFFF00
Palette yellow palette combines 20 color codes:
HEX: #ffff00, RGB: (255, 255, 0); HEX: #bfbf3f, RGB: (191, 191, 63); HEX: #fccc04, RGB: (252, 204, 4)
HEX: #fcdc04, RGB: (252, 220, 4); HEX: #fbfb04, RGB: (251, 251, 4); HEX: #fcc404, RGB: (252, 196, 4)
HEX: #fcf404, RGB: (252, 244, 4); HEX: #fcfc04, RGB: (252, 252, 4); HEX: #ffc107, RGB: (255, 193, 7)
HEX: #fce404, RGB: (252, 228, 4); HEX: #fcd404, RGB: (252, 212, 4); HEX: #fbd304, RGB: (251, 211, 4)
HEX: #fbcc04, RGB: (251, 204, 4); HEX: #fcbc04, RGB: (252, 188, 4); HEX: #fcd404, RGB: (252, 212, 4)
HEX: #fbcb04, RGB: (251, 203, 4); HEX: #fcec04, RGB: (252, 236, 4); HEX: #fcb404, RGB: (252, 180, 4)
HEX: #fccc2c, RGB: (252, 204, 44); HEX: #fbc304, RGB: (251, 195, 4)
Simplified version of palette colors
Yellow, Tint of Dark Khaki, Shade of Gold, Tint of Gold, Shade of Yellow, Shade of Gold, Shade of Yellow, Shade of Yellow, Shade of Gold, Tint of Gold, Shade of Gold, Shade of Gold, Shade of Gold, Tint of Goldenrod, Shade of Gold, Shade of Gold, Shade of Yellow, Tint of Orange, Shade of Gold, Shade of Gold
Color scheme was created by mikel
Color codes in palette
yellow palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #ffff00 | #ffff00 | RGB(255, 255, 0) | — | Yellow |
| #bfbf3f | #bfbf3f | RGB(191, 191, 63) | — | — |
| #fccc04 | #fccc04 | RGB(252, 204, 4) | — | — |
| #fcdc04 | #fcdc04 | RGB(252, 220, 4) | — | — |
| #fbfb04 | #fbfb04 | RGB(251, 251, 4) | — | — |
| #fcc404 | #fcc404 | RGB(252, 196, 4) | — | — |
| #fcf404 | #fcf404 | RGB(252, 244, 4) | — | — |
| #fcfc04 | #fcfc04 | RGB(252, 252, 4) | — | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | — | — |
| #fce404 | #fce404 | RGB(252, 228, 4) | — | — |
| #fcd404 | #fcd404 | RGB(252, 212, 4) | — | — |
| #fbd304 | #fbd304 | RGB(251, 211, 4) | — | — |
| #fbcc04 | #fbcc04 | RGB(251, 204, 4) | — | — |
| #fcbc04 | #fcbc04 | RGB(252, 188, 4) | — | — |
| #fcd404 | #fcd404 | RGB(252, 212, 4) | — | — |
| #fbcb04 | #fbcb04 | RGB(251, 203, 4) | — | — |
| #fcec04 | #fcec04 | RGB(252, 236, 4) | — | — |
| #fcb404 | #fcb404 | RGB(252, 180, 4) | — | — |
| #fccc2c | #fccc2c | RGB(252, 204, 44) | — | — |
| #fbc304 | #fbc304 | RGB(251, 195, 4) | — | — |
Color Palette Contrast
190 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ffff00 | #bfbf3f | 1.82 |
#ffff00 | #fccc04 | 1.41 |
#ffff00 | #fcdc04 | 1.27 |
#ffff00 | #fbfb04 | 1.03 |
#ffff00 | #fcc404 | 1.5 |
#ffff00 | #fcf404 | 1.08 |
Image palette yellow palette png
Export Palette
Download the "yellow palette" in multiple formats for seamless integration into your design projects.
Available formats: