Melon

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

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