Pastel Red

#FF746C
RGB
255, 116, 108
HSL
3°, 100%, 71%
CMYK
0, 55, 58, 0
HSV
3°, 58%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF746C color: #FF746C;
RGB 255, 116, 108 color: rgb(255, 116, 108);
RGB Percentage 100%, 45%, 42% color: rgb(100%, 45%, 42%);
CMYK 0%, 55%, 58%, 0% Not supported in CSS
HSL 3°, 100%, 71% color: hsl(3, 100%, 71%);
HSV 3°, 58%, 100% Not supported in CSS
CIE-LAB 57, 28, 3 color: lab(57% 28 3);
Decimal 16741484 Not supported in CSS

Color Variations

Shades

#FF726B
#FF5047
#FF2E23
#FD0D00
#D90B00
#B50900
#910700
#6D0500

Tints

#FFD5D3
#FFC7C4
#FFB9B5
#FFABA6
#FF9D97
#FF8F89
#FF817A
#FF726B

Tones

#FF726B
#F87972
#F0807A
#E98681
#E18D89
#DA9490
#D39A97
#CBA19F

Hues

#FF726B
#FFE16B
#AEFF6B
#6BFF97
#6BF8FF
#6B89FF
#BC6BFF
#FF6BD3

Color Harmonies

Analogous

#FF6BAE
Click to copy
Light Magenta
85%
#FF746C
Click to copy
Pastel red
100%
#FFBC6B
Click to copy
Light Orange
84%

Complementary

#FF746C
Click to copy
Pastel red
100%
#6BF8FF
Click to copy
Light Cyan
44%

Split Complementary

#FF746C
Click to copy
Pastel red
100%
#6BFFBC
Click to copy
Light Cyan
51%
#6BAEFF
Click to copy
Light Blue
51%

Triadic

#FF746C
Click to copy
Pastel red
100%
#6BFF72
Click to copy
Light Green
54%
#726BFF
Click to copy
Light Blue
54%

Tetradic

#FF746C
Click to copy
Pastel red
100%
#AEFF6B
Click to copy
Light Green
64%
#6BF8FF
Click to copy
Light Cyan
44%
#BC6BFF
Click to copy
Light Purple
63%

Square

#FF746C
Click to copy
Pastel red
100%
#AEFF6B
Click to copy
Light Green
64%
#6BF8FF
Click to copy
Light Cyan
44%
#BC6BFF
Click to copy
Light Purple
63%

CSS & Dev Snippets

CSS
.pastel-red {
  color: #FF746C;
}
SCSS
$pastel-red: #FF746C;
RGB
rgb(255, 116, 108)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags