Pastel red / #ff6961 hex color

In a RGB color space, hex #ff6961 (also known as Pastel red) is composed of 100% red, 41.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 62% yellow and 0% black. It has a hue angle of 3 degrees, a saturation of 100% and a lightness of 69%. #ff6961 color hex could be obtained by blending #ffd2c2 with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 41
- B 38
RGB color chart
- C 0
- M 59
- Y 62
- K 0
CMYK color chart

● #ff6961 color description : Light red.

The hexadecimal color #ff6961 has RGB values of R:255, G:105, B:97 and CMYK values of C:0, M:0.59, Y:0.62, K:0. Its decimal value is 16738657.

Hex triplet	ff6961	`#ff6961`
RGB Decimal	255, 105, 97	`rgb(255,105,97)`
RGB Percent	100, 41.2, 38	`rgb(100%,41.2%,38%)`
CMYK	0, 59, 62, 0
HSL	3°, 100, 69	`hsl(3,100%,69%)`
HSV (or HSB)	3°, 62, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	63.533, 56.599, 33.882
XYZ	48.451, 32.231, 14.978
xyY	0.506, 0.337, 32.231
CIE-LCH	63.533, 65.965, 30.906
CIE-LUV	63.533, 114.085, 28.52
Hunter-Lab	56.772, 52.984, 24.098
Binary	11111111, 01101001, 01100001

#ff6961
```
#ff6961 rgb(255,105,97)
```
#61f7ff
```
#61f7ff rgb(97,247,255)
```

Complementary Color

#ff61a8
```
#ff61a8 rgb(255,97,168)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```
#ffb861
```
#ffb861 rgb(255,184,97)
```

Analogous Color

#61a8ff
```
#61a8ff rgb(97,168,255)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```
#61ffb8
```
#61ffb8 rgb(97,255,184)
```

Split Complementary Color

#6961ff
```
#6961ff rgb(105,97,255)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```
#61ff69
```
#61ff69 rgb(97,255,105)
```

Triadic Color

#ff61f7
```
#ff61f7 rgb(255,97,247)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```
#61ff69
```
#61ff69 rgb(97,255,105)
```
#61f7ff
```
#61f7ff rgb(97,247,255)
```

Tetradic Color

#ff2015
```
#ff2015 rgb(255,32,21)
```
#ff392e
```
#ff392e rgb(255,57,46)
```
#ff5148
```
#ff5148 rgb(255,81,72)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```
#ff817b
```
#ff817b rgb(255,129,123)
```
#ff9994
```
#ff9994 rgb(255,153,148)
```
#ffb2ae
```
#ffb2ae rgb(255,178,174)
```

Monochromatic Color

Below, you can see some colors close to #ff6961. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff6181
```
#ff6181 rgb(255,97,129)
```
#ff6173
```
#ff6173 rgb(255,97,115)
```
#ff6166
```
#ff6166 rgb(255,97,102)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```
#ff7661
```
#ff7661 rgb(255,118,97)
```
#ff8361
```
#ff8361 rgb(255,131,97)
```
#ff9161
```
#ff9161 rgb(255,145,97)
```

Similar Colors

Text with hexadecimal color #ff6961

This text has a font color of #ff6961.

<span style="color:#ff6961;">Text here</span>

#ff6961 background color

This paragraph has a background color of #ff6961.

<p style="background-color:#ff6961;">Content here</p>

#ff6961 border color

This element has a border color of #ff6961.

<div style="border:1px solid #ff6961;">Content here</div>

CSS codes

.text {color:#ff6961;}

.background {background-color:#ff6961;}

.border {border:1px solid #ff6961;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #130100 is the darkest color, while #fffefe is the lightest one.

#130100
```
#130100 rgb(19,1,0)
```
#260200
```
#260200 rgb(38,2,0)
```
#3a0300
```
#3a0300 rgb(58,3,0)
```
#4d0400
```
#4d0400 rgb(77,4,0)
```
#610500
```
#610500 rgb(97,5,0)
```
#750600
```
#750600 rgb(117,6,0)
```
#880700
```
#880700 rgb(136,7,0)
```
#9c0800
```
#9c0800 rgb(156,8,0)
```
#af0900
```
#af0900 rgb(175,9,0)
```
#c30a00
```
#c30a00 rgb(195,10,0)
```
#d70b00
```
#d70b00 rgb(215,11,0)
```
#ea0c00
```
#ea0c00 rgb(234,12,0)
```
#fe0d00
```
#fe0d00 rgb(254,13,0)
```

Shade Color Variation

#ff1f13
```
#ff1f13 rgb(255,31,19)
```
#ff3126
```
#ff3126 rgb(255,49,38)
```
#ff443a
```
#ff443a rgb(255,68,58)
```
#ff564d
```
#ff564d rgb(255,86,77)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```
#ff7c75
```
#ff7c75 rgb(255,124,117)
```
#ff8e88
```
#ff8e88 rgb(255,142,136)
```
#ffa19c
```
#ffa19c rgb(255,161,156)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#ffc6c3
```
#ffc6c3 rgb(255,198,195)
```
#ffd9d7
```
#ffd9d7 rgb(255,217,215)
```
#ffebea
```
#ffebea rgb(255,235,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b6abaa is the less saturated color, while #ff6961 is the most saturated one.

#b6abaa
```
#b6abaa rgb(182,171,170)
```
#bca5a4
```
#bca5a4 rgb(188,165,164)
```
#c2a09e
```
#c2a09e rgb(194,160,158)
```
#c89a98
```
#c89a98 rgb(200,154,152)
```
#ce9592
```
#ce9592 rgb(206,149,146)
```
#d48f8c
```
#d48f8c rgb(212,143,140)
```
#db8a85
```
#db8a85 rgb(219,138,133)
```
#e1847f
```
#e1847f rgb(225,132,127)
```
#e77f79
```
#e77f79 rgb(231,127,121)
```
#ed7973
```
#ed7973 rgb(237,121,115)
```
#f3746d
```
#f3746d rgb(243,116,109)
```
#f96e67
```
#f96e67 rgb(249,110,103)
```
#ff6961
```
#ff6961 rgb(255,105,97)
```

Tone Color Variation

Below, you can see how #ff6961 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#959595 Achromatopsia 0.005% of the population
#aa8c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99e7a Protanopia 1% of men
#c0985f Deuteranopia 1% of men
#ff6f75 Tritanopia 0.001% of the population

Trichromacy

#c88b71 Protanomaly 1% of men, 0.01% of women
#d68760 Deuteranomaly 6% of men, 0.4% of women
#ff6d6e Tritanomaly 0.01% of the population

Pastel red / #ff6961 hex color

#ff6961 Color Information

#ff6961 Color Conversion

Color Schemes with #ff6961

Alternatives to #ff6961

#ff6961 Preview

Shades and Tints of #ff6961

Tones of #ff6961

Color Blindness Simulator