#f06870 hex color

In a RGB color space, hex #f06870 is composed of 94.1% red, 40.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 53.3% yellow and 5.9% black. It has a hue angle of 356.5 degrees, a saturation of 81.9% and a lightness of 67.5%. #f06870 color hex could be obtained by blending #ffd0e0 with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 41
- B 44
RGB color chart
- C 0
- M 57
- Y 53
- K 6
CMYK color chart

● #f06870 color description : Soft red.

The hexadecimal color #f06870 has RGB values of R:240, G:104, B:112 and CMYK values of C:0, M:0.57, Y:0.53, K:0.06. Its decimal value is 15755376.

Hex triplet	f06870	`#f06870`
RGB Decimal	240, 104, 112	`rgb(240,104,112)`
RGB Percent	94.1, 40.8, 43.9	`rgb(94.1%,40.8%,43.9%)`
CMYK	0, 57, 53, 6
HSL	356.5°, 81.9, 67.5	`hsl(356.5,81.9%,67.5%)`
HSV (or HSB)	356.5°, 56.7, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.307, 53.014, 22.049
XYZ	43.811, 29.6, 18.735
xyY	0.475, 0.321, 29.6
CIE-LCH	61.307, 57.417, 22.583
CIE-LUV	61.307, 99.063, 17.02
Hunter-Lab	54.406, 48.531, 17.668
Binary	11110000, 01101000, 01110000

#f06870
```
#f06870 rgb(240,104,112)
```
#68f0e8
```
#68f0e8 rgb(104,240,232)
```

Complementary Color

#f068b4
```
#f068b4 rgb(240,104,180)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#f0a468
```
#f0a468 rgb(240,164,104)
```

Analogous Color

#68b4f0
```
#68b4f0 rgb(104,180,240)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#68f0a4
```
#68f0a4 rgb(104,240,164)
```

Split Complementary Color

#6870f0
```
#6870f0 rgb(104,112,240)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#70f068
```
#70f068 rgb(112,240,104)
```

Triadic Color

#e868f0
```
#e868f0 rgb(232,104,240)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#70f068
```
#70f068 rgb(112,240,104)
```
#68f0e8
```
#68f0e8 rgb(104,240,232)
```

Tetradic Color

#e9222e
```
#e9222e rgb(233,34,46)
```
#eb3a44
```
#eb3a44 rgb(235,58,68)
```
#ee515a
```
#ee515a rgb(238,81,90)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#f27f86
```
#f27f86 rgb(242,127,134)
```
#f5969c
```
#f5969c rgb(245,150,156)
```
#f7aeb2
```
#f7aeb2 rgb(247,174,178)
```

Monochromatic Color

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

#f06892
```
#f06892 rgb(240,104,146)
```
#f06887
```
#f06887 rgb(240,104,135)
```
#f0687b
```
#f0687b rgb(240,104,123)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#f06b68
```
#f06b68 rgb(240,107,104)
```
#f07768
```
#f07768 rgb(240,119,104)
```
#f08268
```
#f08268 rgb(240,130,104)
```

Similar Colors

Text with hexadecimal color #f06870

This text has a font color of #f06870.

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

#f06870 background color

This paragraph has a background color of #f06870.

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

#f06870 border color

This element has a border color of #f06870.

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

CSS codes

.text {color:#f06870;}

.background {background-color:#f06870;}

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

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, #0a0101 is the darkest color, while #fef7f7 is the lightest one.

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1b0304
```
#1b0304 rgb(27,3,4)
```
#2d0407
```
#2d0407 rgb(45,4,7)
```
#3f060a
```
#3f060a rgb(63,6,10)
```
#51080c
```
#51080c rgb(81,8,12)
```
#630a0f
```
#630a0f rgb(99,10,15)
```
#750c12
```
#750c12 rgb(117,12,18)
```
#860d14
```
#860d14 rgb(134,13,20)
```
#980f17
```
#980f17 rgb(152,15,23)
```
#aa111a
```
#aa111a rgb(170,17,26)
```
#bc131d
```
#bc131d rgb(188,19,29)
```
#ce141f
```
#ce141f rgb(206,20,31)
```
#e01622
```
#e01622 rgb(224,22,34)
```

Shade Color Variation

#e9212c
```
#e9212c rgb(233,33,44)
```
#eb323d
```
#eb323d rgb(235,50,61)
```
#ec444e
```
#ec444e rgb(236,68,78)
```
#ee565f
```
#ee565f rgb(238,86,95)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#f27a81
```
#f27a81 rgb(242,122,129)
```
#f48c92
```
#f48c92 rgb(244,140,146)
```
#f59ea3
```
#f59ea3 rgb(245,158,163)
```
#f7afb4
```
#f7afb4 rgb(247,175,180)
```
#f9c1c4
```
#f9c1c4 rgb(249,193,196)
```
#fbd3d5
```
#fbd3d5 rgb(251,211,213)
```
#fce5e6
```
#fce5e6 rgb(252,229,230)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#b0a8a8
```
#b0a8a8 rgb(176,168,168)
```
#b7a1a3
```
#b7a1a3 rgb(183,161,163)
```
#bd9b9d
```
#bd9b9d rgb(189,155,157)
```
#c39597
```
#c39597 rgb(195,149,151)
```
#ca8e92
```
#ca8e92 rgb(202,142,146)
```
#d0888c
```
#d0888c rgb(208,136,140)
```
#d68287
```
#d68287 rgb(214,130,135)
```
#dd7b81
```
#dd7b81 rgb(221,123,129)
```
#e3757b
```
#e3757b rgb(227,117,123)
```
#ea6e76
```
#ea6e76 rgb(234,110,118)
```
#f06870
```
#f06870 rgb(240,104,112)
```
#f6626a
```
#f6626a rgb(246,98,106)
```
#fd5b65
```
#fd5b65 rgb(253,91,101)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a58a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09989 Protanopia 1% of men
#b5936f Deuteranopia 1% of men
#f06f76 Tritanopia 0.001% of the population

Trichromacy

#bd877f Protanomaly 1% of men, 0.01% of women
#ca836f Deuteranomaly 6% of men, 0.4% of women
#f06d74 Tritanomaly 0.01% of the population

#f06870 hex color

#f06870 Color Information

#f06870 Color Conversion

Color Schemes with #f06870

Alternatives to #f06870

#f06870 Preview

Shades and Tints of #f06870

Tones of #f06870

Color Blindness Simulator