#f06f68 hex color

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

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

● #f06f68 color description : Soft red.

The hexadecimal color #f06f68 has RGB values of R:240, G:111, B:104 and CMYK values of C:0, M:0.54, Y:0.57, K:0.06. Its decimal value is 15757160.

Hex triplet	f06f68	`#f06f68`
RGB Decimal	240, 111, 104	`rgb(240,111,104)`
RGB Percent	94.1, 43.5, 40.8	`rgb(94.1%,43.5%,40.8%)`
CMYK	0, 54, 57, 6
HSL	3.1°, 81.9, 67.5	`hsl(3.1,81.9%,67.5%)`
HSV (or HSB)	3.1°, 56.7, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.421, 49.118, 28.074
XYZ	44.12, 30.898, 16.736
xyY	0.481, 0.337, 30.898
CIE-LCH	62.421, 56.575, 29.751
CIE-LUV	62.421, 96.198, 24.504
Hunter-Lab	55.586, 44.405, 21.058
Binary	11110000, 01101111, 01101000

#f06f68
```
#f06f68 rgb(240,111,104)
```
#68e9f0
```
#68e9f0 rgb(104,233,240)
```

Complementary Color

#f068a5
```
#f068a5 rgb(240,104,165)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#f0b368
```
#f0b368 rgb(240,179,104)
```

Analogous Color

#68a5f0
```
#68a5f0 rgb(104,165,240)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#68f0b3
```
#68f0b3 rgb(104,240,179)
```

Split Complementary Color

#6f68f0
```
#6f68f0 rgb(111,104,240)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#68f06f
```
#68f06f rgb(104,240,111)
```

Triadic Color

#f068e9
```
#f068e9 rgb(240,104,233)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#68f06f
```
#68f06f rgb(104,240,111)
```
#68e9f0
```
#68e9f0 rgb(104,233,240)
```

Tetradic Color

#e92d22
```
#e92d22 rgb(233,45,34)
```
#eb433a
```
#eb433a rgb(235,67,58)
```
#ee5951
```
#ee5951 rgb(238,89,81)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#f2857f
```
#f2857f rgb(242,133,127)
```
#f59b96
```
#f59b96 rgb(245,155,150)
```
#f7b1ae
```
#f7b1ae rgb(247,177,174)
```

Monochromatic Color

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

#f06883
```
#f06883 rgb(240,104,131)
```
#f06878
```
#f06878 rgb(240,104,120)
```
#f0686c
```
#f0686c rgb(240,104,108)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#f07a68
```
#f07a68 rgb(240,122,104)
```
#f08668
```
#f08668 rgb(240,134,104)
```
#f09168
```
#f09168 rgb(240,145,104)
```

Similar Colors

Text with hexadecimal color #f06f68

This text has a font color of #f06f68.

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

#f06f68 background color

This paragraph has a background color of #f06f68.

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

#f06f68 border color

This element has a border color of #f06f68.

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

CSS codes

.text {color:#f06f68;}

.background {background-color:#f06f68;}

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

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)
```
#1b0403
```
#1b0403 rgb(27,4,3)
```
#2d0704
```
#2d0704 rgb(45,7,4)
```
#3f0906
```
#3f0906 rgb(63,9,6)
```
#510c08
```
#510c08 rgb(81,12,8)
```
#630e0a
```
#630e0a rgb(99,14,10)
```
#75110c
```
#75110c rgb(117,17,12)
```
#86140d
```
#86140d rgb(134,20,13)
```
#98160f
```
#98160f rgb(152,22,15)
```
#aa1911
```
#aa1911 rgb(170,25,17)
```
#bc1b13
```
#bc1b13 rgb(188,27,19)
```
#ce1e14
```
#ce1e14 rgb(206,30,20)
```
#e02116
```
#e02116 rgb(224,33,22)
```

Shade Color Variation

#e92b21
```
#e92b21 rgb(233,43,33)
```
#eb3c32
```
#eb3c32 rgb(235,60,50)
```
#ec4d44
```
#ec4d44 rgb(236,77,68)
```
#ee5e56
```
#ee5e56 rgb(238,94,86)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#f2807a
```
#f2807a rgb(242,128,122)
```
#f4918c
```
#f4918c rgb(244,145,140)
```
#f5a29e
```
#f5a29e rgb(245,162,158)
```
#f7b3af
```
#f7b3af rgb(247,179,175)
```
#f9c4c1
```
#f9c4c1 rgb(249,196,193)
```
#fbd5d3
```
#fbd5d3 rgb(251,213,211)
```
#fce6e5
```
#fce6e5 rgb(252,230,229)
```
#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 #fd645b is the most saturated one.

#b0a8a8
```
#b0a8a8 rgb(176,168,168)
```
#b7a3a1
```
#b7a3a1 rgb(183,163,161)
```
#bd9d9b
```
#bd9d9b rgb(189,157,155)
```
#c39795
```
#c39795 rgb(195,151,149)
```
#ca918e
```
#ca918e rgb(202,145,142)
```
#d08c88
```
#d08c88 rgb(208,140,136)
```
#d68682
```
#d68682 rgb(214,134,130)
```
#dd807b
```
#dd807b rgb(221,128,123)
```
#e37a75
```
#e37a75 rgb(227,122,117)
```
#ea756e
```
#ea756e rgb(234,117,110)
```
#f06f68
```
#f06f68 rgb(240,111,104)
```
#f66962
```
#f66962 rgb(246,105,98)
```
#fd645b
```
#fd645b rgb(253,100,91)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a78d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59c7e Protanopia 1% of men
#ba9568 Deuteranopia 1% of men
#f1747b Tritanopia 0.001% of the population

Trichromacy

#c08b76 Protanomaly 1% of men, 0.01% of women
#ce8768 Deuteranomaly 6% of men, 0.4% of women
#f07274 Tritanomaly 0.01% of the population

#f06f68 hex color

#f06f68 Color Information

#f06f68 Color Conversion

Color Schemes with #f06f68

Alternatives to #f06f68

#f06f68 Preview

Shades and Tints of #f06f68

Tones of #f06f68

Color Blindness Simulator