Buff Color
#F0DC82
Shades
Darker variations of each color in your palette
Base Color
#F0DC82#F0DC82
#C0B068
#90844E
#605834
#302C1A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#F0DC82#F0DC82
#F3E39B
#F6EAB4
#F9F1CD
#FCF8E6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #F0DC82 |  |
| RGB | 240, 220, 130 | |
| HSL | 49, 79%, 73% | |
| CMYK | 0%, 8%, 46%, 6% | |
| OKLCH | oklch(0.892 0.113 97) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#F0DC82#F1A684
#F0DC82
#CEF184
Analogous
#F0DC82
#8498F1
Complementary
#F0DC82
#84F1DD
#DD84F1
Triadic
#F0DC82
#84CEF1
#A684F1
Split Complementary
#F0DC82
#84F1A6
#8498F1
#F184CE
Tetradic
#5B4D0B
#A08613
#E4BF1B
#ECD25F
#F4E6A4
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#F0DC82#F18484
#F1F184
#84F184
#84F1F1
#8484F1
#F184F1
Hues
Tones
Tones created by adding gray to each color
Base Color
#F0DC82#F0DC82
#DACA82
#C3B781
#ADA581
#969280
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#F0DC82#F2D57C
#F5CE76
#F7C770
Warmer
#E5D595
#DACEA8
#D0C7BA
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#F0DC82On White Background
Sample Text
Contrast Ratio:1.38:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:15.26:1
WCAG Level:AAA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)