#f65a5c hex color

In a RGB color space, hex #f65a5c is composed of 96.5% red, 35.3% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.4% magenta, 62.6% yellow and 3.5% black. It has a hue angle of 359.2 degrees, a saturation of 89.7% and a lightness of 65.9%. #f65a5c color hex could be obtained by blending #ffb4b8 with #ed0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 96
- G 35
- B 36
RGB color chart
- C 0
- M 63
- Y 63
- K 4
CMYK color chart

● #f65a5c color description : Soft red.

The hexadecimal color #f65a5c has RGB values of R:246, G:90, B:92 and CMYK values of C:0, M:0.63, Y:0.63, K:0.04. Its decimal value is 16144988.

Hex triplet	f65a5c	`#f65a5c`
RGB Decimal	246, 90, 92	`rgb(246,90,92)`
RGB Percent	96.5, 35.3, 36.1	`rgb(96.5%,35.3%,36.1%)`
CMYK	0, 63, 63, 4
HSL	359.2°, 89.7, 65.9	`hsl(359.2,89.7%,65.9%)`
HSV (or HSB)	359.2°, 63.4, 96.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.601, 59.736, 31.431
XYZ	43.596, 27.682, 13.172
xyY	0.516, 0.328, 27.682
CIE-LCH	59.601, 67.5, 27.752
CIE-LUV	59.601, 117.833, 24.483
Hunter-Lab	52.614, 55.829, 21.986
Binary	11110110, 01011010, 01011100

#f65a5c
```
#f65a5c rgb(246,90,92)
```
#5af6f4
```
#5af6f4 rgb(90,246,244)
```

Complementary Color

#f65aaa
```
#f65aaa rgb(246,90,170)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#f6a65a
```
#f6a65a rgb(246,166,90)
```

Analogous Color

#5aaaf6
```
#5aaaf6 rgb(90,170,246)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#5af6a6
```
#5af6a6 rgb(90,246,166)
```

Split Complementary Color

#5a5cf6
```
#5a5cf6 rgb(90,92,246)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#5cf65a
```
#5cf65a rgb(92,246,90)
```

Triadic Color

#f45af6
```
#f45af6 rgb(244,90,246)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#5cf65a
```
#5cf65a rgb(92,246,90)
```
#5af6f4
```
#5af6f4 rgb(90,246,244)
```

Tetradic Color

#f21114
```
#f21114 rgb(242,17,20)
```
#f32a2c
```
#f32a2c rgb(243,42,44)
```
#f54244
```
#f54244 rgb(245,66,68)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#f77274
```
#f77274 rgb(247,114,116)
```
#f98a8c
```
#f98a8c rgb(249,138,140)
```
#faa3a4
```
#faa3a4 rgb(250,163,164)
```

Monochromatic Color

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

#f65a83
```
#f65a83 rgb(246,90,131)
```
#f65a76
```
#f65a76 rgb(246,90,118)
```
#f65a69
```
#f65a69 rgb(246,90,105)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#f6655a
```
#f6655a rgb(246,101,90)
```
#f6725a
```
#f6725a rgb(246,114,90)
```
#f67f5a
```
#f67f5a rgb(246,127,90)
```

Similar Colors

Text with hexadecimal color #f65a5c

This text has a font color of #f65a5c.

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

#f65a5c background color

This paragraph has a background color of #f65a5c.

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

#f65a5c border color

This element has a border color of #f65a5c.

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

CSS codes

.text {color:#f65a5c;}

.background {background-color:#f65a5c;}

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

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, #020000 is the darkest color, while #feefef is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#150101
```
#150101 rgb(21,1,1)
```
#280203
```
#280203 rgb(40,2,3)
```
#3a0304
```
#3a0304 rgb(58,3,4)
```
#4d0405
```
#4d0405 rgb(77,4,5)
```
#5f0506
```
#5f0506 rgb(95,5,6)
```
#720608
```
#720608 rgb(114,6,8)
```
#850709
```
#850709 rgb(133,7,9)
```
#97080a
```
#97080a rgb(151,8,10)
```
#aa090b
```
#aa090b rgb(170,9,11)
```
#bc0a0d
```
#bc0a0d rgb(188,10,13)
```
#cf0b0e
```
#cf0b0e rgb(207,11,14)
```
#e20c0f
```
#e20c0f rgb(226,12,15)
```

Shade Color Variation

#f21012
```
#f21012 rgb(242,16,18)
```
#f32225
```
#f32225 rgb(243,34,37)
```
#f43537
```
#f43537 rgb(244,53,55)
```
#f5474a
```
#f5474a rgb(245,71,74)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#f76d6e
```
#f76d6e rgb(247,109,110)
```
#f87f81
```
#f87f81 rgb(248,127,129)
```
#f99293
```
#f99293 rgb(249,146,147)
```
#faa4a6
```
#faa4a6 rgb(250,164,166)
```
#fbb7b8
```
#fbb7b8 rgb(251,183,184)
```
#fccaca
```
#fccaca rgb(252,202,202)
```
#fddcdd
```
#fddcdd rgb(253,220,221)
```
#feefef
```
#feefef rgb(254,239,239)
```

Tint Color Variation

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

#aca4a4
```
#aca4a4 rgb(172,164,164)
```
#b39d9d
```
#b39d9d rgb(179,157,157)
```
#ba9697
```
#ba9697 rgb(186,150,151)
```
#c09090
```
#c09090 rgb(192,144,144)
```
#c7898a
```
#c7898a rgb(199,137,138)
```
#ce8283
```
#ce8283 rgb(206,130,131)
```
#d57b7d
```
#d57b7d rgb(213,123,125)
```
#db7576
```
#db7576 rgb(219,117,118)
```
#e26e70
```
#e26e70 rgb(226,110,112)
```
#e96769
```
#e96769 rgb(233,103,105)
```
#ef6163
```
#ef6163 rgb(239,97,99)
```
#f65a5c
```
#f65a5c rgb(246,90,92)
```
#fd5355
```
#fd5355 rgb(253,83,85)
```

Tone Color Variation

Below, you can see how #f65a5c 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

#898989 Achromatopsia 0.005% of the population
#9f8080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9577 Protanopia 1% of men
#b48e5a Deuteranopia 1% of men
#f66267 Tritanopia 0.001% of the population

Trichromacy

#be7f6d Protanomaly 1% of men, 0.01% of women
#cc7b5b Deuteranomaly 6% of men, 0.4% of women
#f65f63 Tritanomaly 0.01% of the population

#f65a5c hex color

#f65a5c Color Information

#f65a5c Color Conversion

Color Schemes with #f65a5c

Alternatives to #f65a5c

#f65a5c Preview

Shades and Tints of #f65a5c

Tones of #f65a5c

Color Blindness Simulator