#f68685 hex color

In a RGB color space, hex #f68685 is composed of 96.5% red, 52.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 45.9% yellow and 3.5% black. It has a hue angle of 0.5 degrees, a saturation of 86.3% and a lightness of 74.3%. #f68685 color hex could be obtained by blending #ffffff with #ed0d0b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 53
- B 52
RGB color chart
- C 0
- M 46
- Y 46
- K 4
CMYK color chart

● #f68685 color description : Soft red.

The hexadecimal color #f68685 has RGB values of R:246, G:134, B:133 and CMYK values of C:0, M:0.46, Y:0.46, K:0.04. Its decimal value is 16156293.

Hex triplet	f68685	`#f68685`
RGB Decimal	246, 134, 133	`rgb(246,134,133)`
RGB Percent	96.5, 52.5, 52.2	`rgb(96.5%,52.5%,52.2%)`
CMYK	0, 46, 46, 4
HSL	0.5°, 86.3, 74.3	`hsl(0.5,86.3%,74.3%)`
HSV (or HSB)	0.5°, 45.9, 96.5
Web Safe	ff9999	`#ff9999`

CIE-LAB	68.271, 42.441, 19.774
XYZ	50.766, 38.34, 26.916
xyY	0.438, 0.33, 38.34
CIE-LCH	68.271, 46.822, 24.982
CIE-LUV	68.271, 79.462, 17.745
Hunter-Lab	61.92, 37.987, 17.571
Binary	11110110, 10000110, 10000101

#f68685
```
#f68685 rgb(246,134,133)
```
#85f5f6
```
#85f5f6 rgb(133,245,246)
```

Complementary Color

#f685bd
```
#f685bd rgb(246,133,189)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#f6bf85
```
#f6bf85 rgb(246,191,133)
```

Analogous Color

#85bdf6
```
#85bdf6 rgb(133,189,246)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#85f6bf
```
#85f6bf rgb(133,246,191)
```

Split Complementary Color

#8685f6
```
#8685f6 rgb(134,133,246)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#85f686
```
#85f686 rgb(133,246,134)
```

Triadic Color

#f685f5
```
#f685f5 rgb(246,133,245)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#85f686
```
#85f686 rgb(133,246,134)
```
#85f5f6
```
#85f5f6 rgb(133,245,246)
```

Tetradic Color

#f13f3e
```
#f13f3e rgb(241,63,62)
```
#f25756
```
#f25756 rgb(242,87,86)
```
#f46e6d
```
#f46e6d rgb(244,110,109)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#f89e9d
```
#f89e9d rgb(248,158,157)
```
#fab5b4
```
#fab5b4 rgb(250,181,180)
```
#fbcdcc
```
#fbcdcc rgb(251,205,204)
```

Monochromatic Color

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

#f685a0
```
#f685a0 rgb(246,133,160)
```
#f68597
```
#f68597 rgb(246,133,151)
```
#f6858d
```
#f6858d rgb(246,133,141)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#f68f85
```
#f68f85 rgb(246,143,133)
```
#f69985
```
#f69985 rgb(246,153,133)
```
#f6a285
```
#f6a285 rgb(246,162,133)
```

Similar Colors

Text with hexadecimal color #f68685

This text has a font color of #f68685.

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

#f68685 background color

This paragraph has a background color of #f68685.

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

#f68685 border color

This element has a border color of #f68685.

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

CSS codes

.text {color:#f68685;}

.background {background-color:#f68685;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#180202
```
#180202 rgb(24,2,2)
```
#2a0303
```
#2a0303 rgb(42,3,3)
```
#3d0504
```
#3d0504 rgb(61,5,4)
```
#4f0606
```
#4f0606 rgb(79,6,6)
```
#610807
```
#610807 rgb(97,8,7)
```
#730909
```
#730909 rgb(115,9,9)
```
#860b0a
```
#860b0a rgb(134,11,10)
```
#980c0b
```
#980c0b rgb(152,12,11)
```
#aa0e0d
```
#aa0e0d rgb(170,14,13)
```
#bd0f0e
```
#bd0f0e rgb(189,15,14)
```
#cf110f
```
#cf110f rgb(207,17,15)
```
#e11211
```
#e11211 rgb(225,18,17)
```

Shade Color Variation

#ee1917
```
#ee1917 rgb(238,25,23)
```
#ef2b2a
```
#ef2b2a rgb(239,43,42)
```
#f13e3c
```
#f13e3c rgb(241,62,60)
```
#f2504e
```
#f2504e rgb(242,80,78)
```
#f36260
```
#f36260 rgb(243,98,96)
```
#f57473
```
#f57473 rgb(245,116,115)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#f79897
```
#f79897 rgb(247,152,151)
```
#f9aaaa
```
#f9aaaa rgb(249,170,170)
```
#fabcbc
```
#fabcbc rgb(250,188,188)
```
#fbcece
```
#fbcece rgb(251,206,206)
```
#fde1e0
```
#fde1e0 rgb(253,225,224)
```
#fef3f3
```
#fef3f3 rgb(254,243,243)
```

Tint Color Variation

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

#bfbcbc
```
#bfbcbc rgb(191,188,188)
```
#c4b7b7
```
#c4b7b7 rgb(196,183,183)
```
#c9b3b2
```
#c9b3b2 rgb(201,179,178)
```
#ceaead
```
#ceaead rgb(206,174,173)
```
#d3a9a8
```
#d3a9a8 rgb(211,169,168)
```
#d8a4a3
```
#d8a4a3 rgb(216,164,163)
```
#dd9f9e
```
#dd9f9e rgb(221,159,158)
```
#e29a99
```
#e29a99 rgb(226,154,153)
```
#e79594
```
#e79594 rgb(231,149,148)
```
#ec908f
```
#ec908f rgb(236,144,143)
```
#f18b8a
```
#f18b8a rgb(241,139,138)
```
#f68685
```
#f68685 rgb(246,134,133)
```
#fb8180
```
#fb8180 rgb(251,129,128)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b7a0a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa98 Protanopia 1% of men
#c7a485 Deuteranopia 1% of men
#f78a94 Tritanopia 0.001% of the population

Trichromacy

#ca9d91 Protanomaly 1% of men, 0.01% of women
#d89985 Deuteranomaly 6% of men, 0.4% of women
#f6898e Tritanomaly 0.01% of the population

#f68685 hex color

#f68685 Color Information

#f68685 Color Conversion

Color Schemes with #f68685

Alternatives to #f68685

#f68685 Preview

Shades and Tints of #f68685

Tones of #f68685

Color Blindness Simulator