Olive Yellow
A sharp yellow-green that brings mustard energy into an olive palette.
Color Conversions
| Color model | Value |
|---|---|
| HEX | #C2B709 |
| RGB | rgb(194, 183, 9) |
| HSL | hsl(56, 91%, 40%) |
| HSV | hsv(56, 95%, 76%) |
| CMYK | 0%, 6%, 95%, 24% |
Real Design Examples 👇🏽
Color Combinations
Quiet field notes
#C2B709
#E4DF90
#3E4530
#F3EFE3
Earth and shadow
#C2B709
#645403
#B9A47C
#EEE4D1
Cool counterweight
#C2B709
#5E7180
#D9E0D5
#293534
Patterns
Best Match
Olive Yellow is not a background neutral. It arrives like a flash of mustard and can carry a small interface detail all by itself.
On paper or fabric, it recalls seed pods and dry grasses. Set against inky green, it feels deliberate; against pure white, it can look almost electric.
Warm Colors and Khaki Colors keep its yellow side believable. For a bolder split, let Dark Green Colors handle the shadow around it.
Tints
#C8BE22
#CEC53A
#D4CD53
#DAD46B
#E0DB84
#E7E29D
#EDE9B5
#F3F1CE
#F9F8E6
#FFFFFF
Shades
#AFA508
#9B9207
#888006
#746E05
#615C04
#4E4904
#3A3703
#272502
#131201
Triadic colors
#C2B709
#09C2B7
#B709C2
Monochromatic colors
#D6CE58
#C2B709
#847C06
Analogous colors
#C26109
#C2B709
#77C209
Complementary colors
#C2B709
#0914C2