#f66064 hex color

In a RGB color space, hex #f66064 is composed of 96.5% red, 37.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61% magenta, 59.3% yellow and 3.5% black. It has a hue angle of 358.4 degrees, a saturation of 89.3% and a lightness of 67.1%. #f66064 color hex could be obtained by blending #ffc0c8 with #ed0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 96
- G 38
- B 39
RGB color chart
- C 0
- M 61
- Y 59
- K 4
CMYK color chart

● #f66064 color description : Soft red.

The hexadecimal color #f66064 has RGB values of R:246, G:96, B:100 and CMYK values of C:0, M:0.61, Y:0.59, K:0.04. Its decimal value is 16146532.

Hex triplet	f66064	`#f66064`
RGB Decimal	246, 96, 100	`rgb(246,96,100)`
RGB Percent	96.5, 37.6, 39.2	`rgb(96.5%,37.6%,39.2%)`
CMYK	0, 61, 59, 4
HSL	358.4°, 89.3, 67.1	`hsl(358.4,89.3%,67.1%)`
HSV (or HSB)	358.4°, 61, 96.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.678, 57.712, 28.253
XYZ	44.491, 28.883, 15.288
xyY	0.502, 0.326, 28.883
CIE-LCH	60.678, 64.257, 26.084
CIE-LUV	60.678, 112.045, 22.186
Hunter-Lab	53.743, 53.719, 20.754
Binary	11110110, 01100000, 01100100

#f66064
```
#f66064 rgb(246,96,100)
```
#60f6f2
```
#60f6f2 rgb(96,246,242)
```

Complementary Color

#f660af
```
#f660af rgb(246,96,175)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#f6a760
```
#f6a760 rgb(246,167,96)
```

Analogous Color

#60aff6
```
#60aff6 rgb(96,175,246)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#60f6a7
```
#60f6a7 rgb(96,246,167)
```

Split Complementary Color

#6064f6
```
#6064f6 rgb(96,100,246)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#64f660
```
#64f660 rgb(100,246,96)
```

Triadic Color

#f260f6
```
#f260f6 rgb(242,96,246)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#64f660
```
#64f660 rgb(100,246,96)
```
#60f6f2
```
#60f6f2 rgb(96,246,242)
```

Tetradic Color

#f2181d
```
#f2181d rgb(242,24,29)
```
#f33035
```
#f33035 rgb(243,48,53)
```
#f5484c
```
#f5484c rgb(245,72,76)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#f7787c
```
#f7787c rgb(247,120,124)
```
#f99093
```
#f99093 rgb(249,144,147)
```
#faa8ab
```
#faa8ab rgb(250,168,171)
```

Monochromatic Color

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

#f6608a
```
#f6608a rgb(246,96,138)
```
#f6607d
```
#f6607d rgb(246,96,125)
```
#f66071
```
#f66071 rgb(246,96,113)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#f66960
```
#f66960 rgb(246,105,96)
```
#f67560
```
#f67560 rgb(246,117,96)
```
#f68260
```
#f68260 rgb(246,130,96)
```

Similar Colors

Text with hexadecimal color #f66064

This text has a font color of #f66064.

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

#f66064 background color

This paragraph has a background color of #f66064.

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

#f66064 border color

This element has a border color of #f66064.

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

CSS codes

.text {color:#f66064;}

.background {background-color:#f66064;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1b0202
```
#1b0202 rgb(27,2,2)
```
#2d0304
```
#2d0304 rgb(45,3,4)
```
#400405
```
#400405 rgb(64,4,5)
```
#520507
```
#520507 rgb(82,5,7)
```
#650608
```
#650608 rgb(101,6,8)
```
#77070a
```
#77070a rgb(119,7,10)
```
#8a080b
```
#8a080b rgb(138,8,11)
```
#9d090d
```
#9d090d rgb(157,9,13)
```
#af0a0e
```
#af0a0e rgb(175,10,14)
```
#c20b10
```
#c20b10 rgb(194,11,16)
```
#d40c11
```
#d40c11 rgb(212,12,17)
```
#e70d13
```
#e70d13 rgb(231,13,19)
```

Shade Color Variation

#f2161c
```
#f2161c rgb(242,22,28)
```
#f3282e
```
#f3282e rgb(243,40,46)
```
#f43b40
```
#f43b40 rgb(244,59,64)
```
#f54d52
```
#f54d52 rgb(245,77,82)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#f77376
```
#f77376 rgb(247,115,118)
```
#f88588
```
#f88588 rgb(248,133,136)
```
#f9989a
```
#f9989a rgb(249,152,154)
```
#faaaac
```
#faaaac rgb(250,170,172)
```
#fbbdbe
```
#fbbdbe rgb(251,189,190)
```
#fccfd1
```
#fccfd1 rgb(252,207,209)
```
#fde2e3
```
#fde2e3 rgb(253,226,227)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#afa7a7
```
#afa7a7 rgb(175,167,167)
```
#b5a1a1
```
#b5a1a1 rgb(181,161,161)
```
#bc9a9b
```
#bc9a9b rgb(188,154,155)
```
#c29495
```
#c29495 rgb(194,148,149)
```
#c98d8f
```
#c98d8f rgb(201,141,143)
```
#cf8789
```
#cf8789 rgb(207,135,137)
```
#d68083
```
#d68083 rgb(214,128,131)
```
#dc7a7c
```
#dc7a7c rgb(220,122,124)
```
#e37376
```
#e37376 rgb(227,115,118)
```
#e96d70
```
#e96d70 rgb(233,109,112)
```
#f0666a
```
#f0666a rgb(240,102,106)
```
#f66064
```
#f66064 rgb(246,96,100)
```
#fc5a5e
```
#fc5a5e rgb(252,90,94)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a28485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0977e Protanopia 1% of men
#b69162 Deuteranopia 1% of men
#f6676d Tritanopia 0.001% of the population

Trichromacy

#bf8375 Protanomaly 1% of men, 0.01% of women
#cd7f63 Deuteranomaly 6% of men, 0.4% of women
#f6656a Tritanomaly 0.01% of the population

#f66064 hex color

#f66064 Color Information

#f66064 Color Conversion

Color Schemes with #f66064

Alternatives to #f66064

#f66064 Preview

Shades and Tints of #f66064

Tones of #f66064

Color Blindness Simulator