Skip to main content

#CF685A

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#CF685A
RGB
rgb(207, 104, 90)
RGBA
rgba(207, 104, 90, 1)
HSL
hsl(7.18, 54.93%, 58.24%)
HSLA
hsla(7, 55%, 58%, 1)
CMYK
cmyk(0%, 50%, 57%, 19%)

Color Palettes

Harmonious color combinations based on #CF685A

Monochromatic

Shades and tints of the same hue

#280F0B
#772C22
#C64A39
#DD9288
#F4DBD7

Analogous

Adjacent colors on the color wheel

#CF59C1
#CF5986
#CF685A
#CFA259
#C1CF59

Complementary

Opposite color for maximum contrast

#CF685A
#59C1CF

Triadic

Three evenly spaced colors

#CF685A
#59CF67
#6759CF

CSS Usage Examples

Background

background-color: #CF685A;

Text

color: #CF685A;

Border

border: 2px solid #CF685A;

Shadow

box-shadow: 0 4px 6px #CF685A40;
Feedback