#f68585 hex color

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

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

● #f68585 color description : Soft red.

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

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

CIE-LAB	68.069, 42.946, 19.497
XYZ	50.628, 38.065, 26.87
xyY	0.438, 0.329, 38.065
CIE-LCH	68.069, 47.164, 24.418
CIE-LUV	68.069, 80.127, 17.281
Hunter-Lab	61.697, 38.506, 17.366
Binary	11110110, 10000101, 10000101

#f68585
```
#f68585 rgb(246,133,133)
```
#85f6f6
```
#85f6f6 rgb(133,246,246)
```

Complementary Color

#f685be
```
#f685be rgb(246,133,190)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#f6be85
```
#f6be85 rgb(246,190,133)
```

Analogous Color

#85bef6
```
#85bef6 rgb(133,190,246)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#85f6be
```
#85f6be rgb(133,246,190)
```

Split Complementary Color

#8585f6
```
#8585f6 rgb(133,133,246)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#85f685
```
#85f685 rgb(133,246,133)
```

Triadic Color

#f685f6
```
#f685f6 rgb(246,133,246)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#85f685
```
#85f685 rgb(133,246,133)
```
#85f6f6
```
#85f6f6 rgb(133,246,246)
```

Tetradic Color

#f13e3e
```
#f13e3e rgb(241,62,62)
```
#f25656
```
#f25656 rgb(242,86,86)
```
#f46d6d
```
#f46d6d rgb(244,109,109)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#f89d9d
```
#f89d9d rgb(248,157,157)
```
#fab4b4
```
#fab4b4 rgb(250,180,180)
```
#fbcccc
```
#fbcccc rgb(251,204,204)
```

Monochromatic Color

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

#f685a1
```
#f685a1 rgb(246,133,161)
```
#f68598
```
#f68598 rgb(246,133,152)
```
#f6858e
```
#f6858e rgb(246,133,142)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#f68e85
```
#f68e85 rgb(246,142,133)
```
#f69885
```
#f69885 rgb(246,152,133)
```
#f6a185
```
#f6a185 rgb(246,161,133)
```

Similar Colors

Text with hexadecimal color #f68585

This text has a font color of #f68585.

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

#f68585 background color

This paragraph has a background color of #f68585.

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

#f68585 border color

This element has a border color of #f68585.

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

CSS codes

.text {color:#f68585;}

.background {background-color:#f68585;}

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

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)
```
#3d0404
```
#3d0404 rgb(61,4,4)
```
#4f0606
```
#4f0606 rgb(79,6,6)
```
#610707
```
#610707 rgb(97,7,7)
```
#730909
```
#730909 rgb(115,9,9)
```
#860a0a
```
#860a0a rgb(134,10,10)
```
#980b0b
```
#980b0b rgb(152,11,11)
```
#aa0d0d
```
#aa0d0d rgb(170,13,13)
```
#bd0e0e
```
#bd0e0e rgb(189,14,14)
```
#cf0f0f
```
#cf0f0f rgb(207,15,15)
```
#e11111
```
#e11111 rgb(225,17,17)
```

Shade Color Variation

#ee1717
```
#ee1717 rgb(238,23,23)
```
#ef2a2a
```
#ef2a2a rgb(239,42,42)
```
#f13c3c
```
#f13c3c rgb(241,60,60)
```
#f24e4e
```
#f24e4e rgb(242,78,78)
```
#f36060
```
#f36060 rgb(243,96,96)
```
#f57373
```
#f57373 rgb(245,115,115)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#f79797
```
#f79797 rgb(247,151,151)
```
#f9aaaa
```
#f9aaaa rgb(249,170,170)
```
#fabcbc
```
#fabcbc rgb(250,188,188)
```
#fbcece
```
#fbcece rgb(251,206,206)
```
#fde0e0
```
#fde0e0 rgb(253,224,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 #fb8080 is the most saturated one.

#bfbcbc
```
#bfbcbc rgb(191,188,188)
```
#c4b7b7
```
#c4b7b7 rgb(196,183,183)
```
#c9b2b2
```
#c9b2b2 rgb(201,178,178)
```
#ceadad
```
#ceadad rgb(206,173,173)
```
#d3a8a8
```
#d3a8a8 rgb(211,168,168)
```
#d8a3a3
```
#d8a3a3 rgb(216,163,163)
```
#dd9e9e
```
#dd9e9e rgb(221,158,158)
```
#e29999
```
#e29999 rgb(226,153,153)
```
#e79494
```
#e79494 rgb(231,148,148)
```
#ec8f8f
```
#ec8f8f rgb(236,143,143)
```
#f18a8a
```
#f18a8a rgb(241,138,138)
```
#f68585
```
#f68585 rgb(246,133,133)
```
#fb8080
```
#fb8080 rgb(251,128,128)
```

Tone Color Variation

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

#b1a999 Protanopia 1% of men
#c7a485 Deuteranopia 1% of men
#f78a93 Tritanopia 0.001% of the population

Trichromacy

#ca9c91 Protanomaly 1% of men, 0.01% of women
#d89885 Deuteranomaly 6% of men, 0.4% of women
#f6888d Tritanomaly 0.01% of the population

#f68585 hex color

#f68585 Color Information

#f68585 Color Conversion

Color Schemes with #f68585

Alternatives to #f68585

#f68585 Preview

Shades and Tints of #f68585

Tones of #f68585

Color Blindness Simulator