Skip to main content

#FF3A56

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
#FF3A56
RGB
rgb(255, 58, 86)
RGBA
rgba(255, 58, 86, 1)
HSL
hsl(351.47, 100%, 61.37%)
HSLA
hsla(351, 100%, 61%, 1)
CMYK
cmyk(0%, 77%, 66%, 0%)

Color Palettes

Harmonious color combinations based on #FF3A56

Monochromatic

Shades and tints of the same hue

#330008
#990017
#FF0026
#FF667D
#FFCCD4

Analogous

Adjacent colors on the color wheel

#E138FF
#FF38B9
#FF3A56
#FF7E38
#FFE138

Complementary

Opposite color for maximum contrast

#FF3A56
#38FFE1

Triadic

Three evenly spaced colors

#FF3A56
#56FF38
#3856FF

CSS Usage Examples

Background

background-color: #FF3A56;

Text

color: #FF3A56;

Border

border: 2px solid #FF3A56;

Shadow

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