Melon Color
#F8B878
Shades
Darker variations of each color in your palette
Base Color
#F8B878#F8B878
#C69360
#956E48
#634A30
#322518
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#F8B878#F8B878
#F9C693
#FBD4AE
#FCE3C9
#FEF1E4
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #F8B878 |  |
| RGB | 248, 184, 120 | |
| HSL | 30, 90%, 72% | |
| CMYK | 0%, 26%, 52%, 3% | |
| OKLCH | oklch(0.828 0.110 65) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#F8B878#F87777
#F8B878
#F8F877
Analogous
#F8B878
#77B8F8
Complementary
#F8B878
#77F8B8
#B877F8
Triadic
#F8B878
#77F8F8
#7777F8
Split Complementary
#F8B878
#77F877
#77B8F8
#F877F8
Tetradic
#613305
#AA5909
#F2800D
#F6A655
#FACC9E
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#F8B878#F87777
#F8F877
#77F877
#77F8F8
#7777F8
#F877F8
Hues
Tones
Tones created by adding gray to each color
Base Color
#F8B878#F8B878
#E0AD7A
#C8A27B
#B0967D
#988B7E
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#F8B878#F9B473
#FAB06D
#FBAB68
Warmer
#EDB48C
#E2B0A1
#D7ABB5
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#F8B878On White Background
Sample Text
Contrast Ratio:1.73:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:12.12: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)