#f06680 hex color

In a RGB color space, hex #f06680 is composed of 94.1% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.5% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 348.7 degrees, a saturation of 82.1% and a lightness of 67.1%. #f06680 color hex could be obtained by blending #ffccff with #e10001. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 94
- G 40
- B 50
RGB color chart
- C 0
- M 58
- Y 47
- K 6
CMYK color chart

● #f06680 color description : Soft red.

The hexadecimal color #f06680 has RGB values of R:240, G:102, B:128 and CMYK values of C:0, M:0.58, Y:0.47, K:0.06. Its decimal value is 15754880.

Hex triplet	f06680	`#f06680`
RGB Decimal	240, 102, 128	`rgb(240,102,128)`
RGB Percent	94.1, 40, 50.2	`rgb(94.1%,40%,50.2%)`
CMYK	0, 58, 47, 6
HSL	348.7°, 82.1, 67.1	`hsl(348.7,82.1%,67.1%)`
HSV (or HSB)	348.7°, 57.5, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.299, 55.306, 12.824
XYZ	44.584, 29.591, 23.785
xyY	0.455, 0.302, 29.591
CIE-LCH	61.299, 56.774, 13.055
CIE-LUV	61.299, 96.211, 5.897
Hunter-Lab	54.397, 51.103, 12.154
Binary	11110000, 01100110, 10000000

#f06680
```
#f06680 rgb(240,102,128)
```
#66f0d6
```
#66f0d6 rgb(102,240,214)
```

Complementary Color

#f066c5
```
#f066c5 rgb(240,102,197)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#f09166
```
#f09166 rgb(240,145,102)
```

Analogous Color

#66c5f0
```
#66c5f0 rgb(102,197,240)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#66f091
```
#66f091 rgb(102,240,145)
```

Split Complementary Color

#6680f0
```
#6680f0 rgb(102,128,240)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#80f066
```
#80f066 rgb(128,240,102)
```

Triadic Color

#d666f0
```
#d666f0 rgb(214,102,240)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#80f066
```
#80f066 rgb(128,240,102)
```
#66f0d6
```
#66f0d6 rgb(102,240,214)
```

Tetradic Color

#e92046
```
#e92046 rgb(233,32,70)
```
#eb3859
```
#eb3859 rgb(235,56,89)
```
#ee4f6d
```
#ee4f6d rgb(238,79,109)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#f27d93
```
#f27d93 rgb(242,125,147)
```
#f594a7
```
#f594a7 rgb(245,148,167)
```
#f7acba
```
#f7acba rgb(247,172,186)
```

Monochromatic Color

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

#f066a3
```
#f066a3 rgb(240,102,163)
```
#f06697
```
#f06697 rgb(240,102,151)
```
#f0668c
```
#f0668c rgb(240,102,140)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#f06675
```
#f06675 rgb(240,102,117)
```
#f06669
```
#f06669 rgb(240,102,105)
```
#f06f66
```
#f06f66 rgb(240,111,102)
```

Similar Colors

Text with hexadecimal color #f06680

This text has a font color of #f06680.

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

#f06680 background color

This paragraph has a background color of #f06680.

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

#f06680 border color

This element has a border color of #f06680.

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

CSS codes

.text {color:#f06680;}

.background {background-color:#f06680;}

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

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

#080102
```
#080102 rgb(8,1,2)
```
#1a0307
```
#1a0307 rgb(26,3,7)
```
#2c040c
```
#2c040c rgb(44,4,12)
```
#3d0610
```
#3d0610 rgb(61,6,16)
```
#4f0815
```
#4f0815 rgb(79,8,21)
```
#610a1a
```
#610a1a rgb(97,10,26)
```
#730b1f
```
#730b1f rgb(115,11,31)
```
#850d24
```
#850d24 rgb(133,13,36)
```
#970f28
```
#970f28 rgb(151,15,40)
```
#a9112d
```
#a9112d rgb(169,17,45)
```
#ba1232
```
#ba1232 rgb(186,18,50)
```
#cc1437
```
#cc1437 rgb(204,20,55)
```
#de163c
```
#de163c rgb(222,22,60)
```

Shade Color Variation

#e91f45
```
#e91f45 rgb(233,31,69)
```
#eb3054
```
#eb3054 rgb(235,48,84)
```
#ec4262
```
#ec4262 rgb(236,66,98)
```
#ee5471
```
#ee5471 rgb(238,84,113)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#f2788f
```
#f2788f rgb(242,120,143)
```
#f48a9e
```
#f48a9e rgb(244,138,158)
```
#f59cac
```
#f59cac rgb(245,156,172)
```
#f7adbb
```
#f7adbb rgb(247,173,187)
```
#f9bfca
```
#f9bfca rgb(249,191,202)
```
#fbd1d9
```
#fbd1d9 rgb(251,209,217)
```
#fce3e8
```
#fce3e8 rgb(252,227,232)
```
#fef5f7
```
#fef5f7 rgb(254,245,247)
```

Tint Color Variation

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

#afa7a8
```
#afa7a8 rgb(175,167,168)
```
#b6a0a4
```
#b6a0a4 rgb(182,160,164)
```
#bc9aa0
```
#bc9aa0 rgb(188,154,160)
```
#c3939c
```
#c3939c rgb(195,147,156)
```
#c98d98
```
#c98d98 rgb(201,141,152)
```
#d08694
```
#d08694 rgb(208,134,148)
```
#d68090
```
#d68090 rgb(214,128,144)
```
#dd798c
```
#dd798c rgb(221,121,140)
```
#e37388
```
#e37388 rgb(227,115,136)
```
#ea6c84
```
#ea6c84 rgb(234,108,132)
```
#f06680
```
#f06680 rgb(240,102,128)
```
#f6607c
```
#f6607c rgb(246,96,124)
```
#fd5978
```
#fd5978 rgb(253,89,120)
```

Tone Color Variation

Below, you can see how #f06680 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
#a5898e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b989a Protanopia 1% of men
#b1937d Deuteranopia 1% of men
#ef7077 Tritanopia 0.001% of the population

Trichromacy

#ba8691 Protanomaly 1% of men, 0.01% of women
#c8837e Deuteranomaly 6% of men, 0.4% of women
#ef6c7a Tritanomaly 0.01% of the population

#f06680 hex color

#f06680 Color Information

#f06680 Color Conversion

Color Schemes with #f06680

Alternatives to #f06680

#f06680 Preview

Shades and Tints of #f06680

Tones of #f06680

Color Blindness Simulator