Melon

#FDBCB4

What color is Melon?

Melon is a soft, warm pinkish-orange with a creamy, peachy tone, hex #FDBCB4, close to the flesh of a ripe cantaloupe. The color has a gentle, sun-warmed quality, lighter than coral and less saturated than peach.

What is the meaning of the color Melon?

The color name melon entered common use in the early 20th century, borrowed directly from the fruit whose inner flesh shares the same warm, pale orange-pink hue. Crayola introduced Melon as a named crayon color in 1949, giving it a broad and lasting presence in American childhood and commercial art. The name anchored a recognizable point in the pink-to-orange range that had previously lacked a single agreed label, and Crayola’s continued use of it across decades made the association standard in English-speaking markets.

RGB
253, 188, 180
HSL
7°, 95%, 85%
CMYK
0, 26, 29, 1
HSV
7°, 29%, 99%
Melon color

What colors go with Melon?

Colors that pair well with Melon include:
Sage Green: soft, natural contrast
Dusty Rose: gentle tonal harmony
Ivory: warm, airy lightness
Terracotta: grounded earthy depth
Sky Blue: cool, refreshing balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FDBCB4 color: #FDBCB4;
RGB 253, 188, 180 color: rgb(253, 188, 180);
RGB Percentage 99%, 74%, 71% color: rgb(99%, 74%, 71%);
CMYK 0%, 26%, 29%, 1% Not supported in CSS
HSL 7°, 95%, 85% color: hsl(7, 95%, 85%);
HSV 7°, 29%, 99% Not supported in CSS
CIE-LAB 68, 13, 3 color: lab(68% 13 3);
Decimal 16628916 Not supported in CSS

Color Variations

Shades

#FDBDB4
#FC978A
#FB7260
#FA4D36
#F9270B
#D31D05
#A91804
#7F1203

Tints

#FEEBE9
#FEE5E1
#FEDEDA
#FED7D2
#FED1CB
#FDCAC3
#FDC4BC
#FDBDB4

Tones

#FDBDB4
#F9C0B8
#F6C2BC
#F2C5BF
#EFC8C3
#EBCBC7
#E7CECA
#E4D0CE

Hues

#FDBDB4
#FDF3B4
#D0FDB4
#B4FDCF
#B4F5FD
#B4BEFD
#E1B4FD
#FDB4E2

Color Harmonies

Analogous

#FDB4D0
Click to copy
#FDBCB4
Click to copy
100%
#FDE1B4
Click to copy

Complementary

#FDBCB4
Click to copy
100%
#B4F5FD
Click to copy

Split Complementary

#FDBCB4
Click to copy
100%
#B4FDE1
Click to copy
#B4D0FD
Click to copy

Triadic

#FDBCB4
Click to copy
100%
#B4FDBD
Click to copy
#BDB4FD
Click to copy

Tetradic

#FDBCB4
Click to copy
100%
#D0FDB4
Click to copy
#B4F5FD
Click to copy
#E1B4FD
Click to copy

Square

#FDBCB4
Click to copy
100%
#D0FDB4
Click to copy
#B4F5FD
Click to copy
#E1B4FD
Click to copy

CSS & Dev Snippets

CSS
.melon {
  color: #FDBCB4;
}
SCSS
$melon: #FDBCB4;
RGB
rgb(253, 188, 180)

Accessibility & Contrast

White background

1.61:1
1.61
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

13.03:1
13.03
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags