Watermelon

#FC6C85
RGB
252, 108, 133
HSL
350°, 96%, 71%
CMYK
0, 57, 47, 1
HSV
350°, 57%, 99%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FC6C85 color: #FC6C85;
RGB 252, 108, 133 color: rgb(252, 108, 133);
RGB Percentage 99%, 42%, 52% color: rgb(99%, 42%, 52%);
CMYK 0%, 57%, 47%, 1% Not supported in CSS
HSL 350°, 96%, 71% color: hsl(350, 96%, 71%);
HSV 350°, 57%, 99% Not supported in CSS
CIE-LAB 57, 29, -8 color: lab(57% 29 -8);
Decimal 16542853 Not supported in CSS

Color Variations

Shades

#FC6E86
#FB4B68
#FB274A
#F8052E
#D50427
#B10421
#8E031A
#6A0214

Tints

#FED4DB
#FEC5CE
#FEB7C2
#FDA8B6
#FD9AAA
#FD8B9E
#FC7D92
#FC6E86

Tones

#FC6E86
#F5758A
#EE7C8F
#E78394
#E08A99
#D9929D
#D199A2
#CAA0A7

Hues

#FC6E86
#FCC16E
#CDFC6E
#6EFC7A
#6EFCE4
#6EA9FC
#9D6EFC
#FC6EF0

Color Harmonies

Analogous

#FC6ECD
Click to copy
Light Purple
84%
#FC6C85
Click to copy
Watermelon
100%
#FC9D6E
Click to copy
Light Red
88%

Complementary

#FC6C85
Click to copy
Watermelon
100%
#6EFCE4
Click to copy
Light Cyan
49%

Split Complementary

#FC6C85
Click to copy
Watermelon
100%
#6EFC9D
Click to copy
Light Green
54%
#6ECDFC
Click to copy
Light Cyan
53%

Triadic

#FC6C85
Click to copy
Watermelon
100%
#86FC6E
Click to copy
Light Green
57%
#6E86FC
Click to copy
Light Blue
58%

Tetradic

#FC6C85
Click to copy
Watermelon
100%
#CDFC6E
Click to copy
Light Yellow
65%
#6EFCE4
Click to copy
Light Cyan
49%
#9D6EFC
Click to copy
Light Blue
65%

Square

#FC6C85
Click to copy
Watermelon
100%
#CDFC6E
Click to copy
Light Yellow
65%
#6EFCE4
Click to copy
Light Cyan
49%
#9D6EFC
Click to copy
Light Blue
65%

CSS & Dev Snippets

CSS
.watermelon {
  color: #FC6C85;
}
SCSS
$watermelon: #FC6C85;
RGB
rgb(252, 108, 133)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags