#f28685 hex color

In a RGB color space, hex #f28685 is composed of 94.9% red, 52.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 45% yellow and 5.1% black. It has a hue angle of 0.6 degrees, a saturation of 80.7% and a lightness of 73.5%. #f28685 color hex could be obtained by blending #ffffff with #e50d0b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 53
- B 52
RGB color chart
- C 0
- M 45
- Y 45
- K 5
CMYK color chart

● #f28685 color description : Soft red.

The hexadecimal color #f28685 has RGB values of R:242, G:134, B:133 and CMYK values of C:0, M:0.45, Y:0.45, K:0.05. Its decimal value is 15894149.

Hex triplet	f28685	`#f28685`
RGB Decimal	242, 134, 133	`rgb(242,134,133)`
RGB Percent	94.9, 52.5, 52.2	`rgb(94.9%,52.5%,52.2%)`
CMYK	0, 45, 45, 5
HSL	0.6°, 80.7, 73.5	`hsl(0.6,80.7%,73.5%)`
HSV (or HSB)	0.6°, 45, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	67.743, 40.984, 18.966
XYZ	49.377, 37.625, 26.851
xyY	0.434, 0.33, 37.625
CIE-LCH	67.743, 45.16, 24.833
CIE-LUV	67.743, 76.295, 17.068
Hunter-Lab	61.339, 36.349, 16.983
Binary	11110010, 10000110, 10000101

#f28685
```
#f28685 rgb(242,134,133)
```
#85f1f2
```
#85f1f2 rgb(133,241,242)
```

Complementary Color

#f285bb
```
#f285bb rgb(242,133,187)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f2bd85
```
#f2bd85 rgb(242,189,133)
```

Analogous Color

#85bbf2
```
#85bbf2 rgb(133,187,242)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#85f2bd
```
#85f2bd rgb(133,242,189)
```

Split Complementary Color

#8685f2
```
#8685f2 rgb(134,133,242)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#85f286
```
#85f286 rgb(133,242,134)
```

Triadic Color

#f285f1
```
#f285f1 rgb(242,133,241)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#85f286
```
#85f286 rgb(133,242,134)
```
#85f1f2
```
#85f1f2 rgb(133,241,242)
```

Tetradic Color

#eb4140
```
#eb4140 rgb(235,65,64)
```
#ed5857
```
#ed5857 rgb(237,88,87)
```
#f06f6e
```
#f06f6e rgb(240,111,110)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f49d9c
```
#f49d9c rgb(244,157,156)
```
#f7b4b3
```
#f7b4b3 rgb(247,180,179)
```
#f9cbca
```
#f9cbca rgb(249,203,202)
```

Monochromatic Color

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

#f2859f
```
#f2859f rgb(242,133,159)
```
#f28596
```
#f28596 rgb(242,133,150)
```
#f2858d
```
#f2858d rgb(242,133,141)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f28f85
```
#f28f85 rgb(242,143,133)
```
#f29885
```
#f29885 rgb(242,152,133)
```
#f2a185
```
#f2a185 rgb(242,161,133)
```

Similar Colors

Text with hexadecimal color #f28685

This text has a font color of #f28685.

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

#f28685 background color

This paragraph has a background color of #f28685.

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

#f28685 border color

This element has a border color of #f28685.

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

CSS codes

.text {color:#f28685;}

.background {background-color:#f28685;}

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

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 #fdefef is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#140202
```
#140202 rgb(20,2,2)
```
#260404
```
#260404 rgb(38,4,4)
```
#370606
```
#370606 rgb(55,6,6)
```
#490808
```
#490808 rgb(73,8,8)
```
#5b0a0a
```
#5b0a0a rgb(91,10,10)
```
#6c0c0c
```
#6c0c0c rgb(108,12,12)
```
#7e0e0d
```
#7e0e0d rgb(126,14,13)
```
#90110f
```
#90110f rgb(144,17,15)
```
#a21311
```
#a21311 rgb(162,19,17)
```
#b31513
```
#b31513 rgb(179,21,19)
```
#c51715
```
#c51715 rgb(197,23,21)
```
#d71917
```
#d71917 rgb(215,25,23)
```

Shade Color Variation

#e71d1b
```
#e71d1b rgb(231,29,27)
```
#e92e2c
```
#e92e2c rgb(233,46,44)
```
#ea403e
```
#ea403e rgb(234,64,62)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#ee6362
```
#ee6362 rgb(238,99,98)
```
#f07473
```
#f07473 rgb(240,116,115)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f49897
```
#f49897 rgb(244,152,151)
```
#f6a9a8
```
#f6a9a8 rgb(246,169,168)
```
#f8bbba
```
#f8bbba rgb(248,187,186)
```
#facccc
```
#facccc rgb(250,204,204)
```
#fbdede
```
#fbdede rgb(251,222,222)
```
#fdefef
```
#fdefef rgb(253,239,239)
```

Tint Color Variation

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

#beb9b9
```
#beb9b9 rgb(190,185,185)
```
#c3b4b4
```
#c3b4b4 rgb(195,180,180)
```
#c8afaf
```
#c8afaf rgb(200,175,175)
```
#ceaaa9
```
#ceaaa9 rgb(206,170,169)
```
#d3a5a4
```
#d3a5a4 rgb(211,165,164)
```
#d89f9f
```
#d89f9f rgb(216,159,159)
```
#dd9a9a
```
#dd9a9a rgb(221,154,154)
```
#e29595
```
#e29595 rgb(226,149,149)
```
#e8908f
```
#e8908f rgb(232,144,143)
```
#ed8b8a
```
#ed8b8a rgb(237,139,138)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f78180
```
#f78180 rgb(247,129,128)
```
#fc7c7b
```
#fc7c7b rgb(252,124,123)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b5a09f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a998 Protanopia 1% of men
#c5a385 Deuteranopia 1% of men
#f38a94 Tritanopia 0.001% of the population

Trichromacy

#c89c91 Protanomaly 1% of men, 0.01% of women
#d59885 Deuteranomaly 6% of men, 0.4% of women
#f2898e Tritanomaly 0.01% of the population

#f28685 hex color

#f28685 Color Information

#f28685 Color Conversion

Color Schemes with #f28685

Alternatives to #f28685

#f28685 Preview

Shades and Tints of #f28685

Tones of #f28685

Color Blindness Simulator