#f06480 hex color

In a RGB color space, hex #f06480 is composed of 94.1% red, 39.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 348 degrees, a saturation of 82.4% and a lightness of 66.7%. #f06480 color hex could be obtained by blending #ffc8ff with #e10001. Closest websafe color is: #ff6699.

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

● #f06480 color description : Soft red.

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

Hex triplet	f06480	`#f06480`
RGB Decimal	240, 100, 128	`rgb(240,100,128)`
RGB Percent	94.1, 39.2, 50.2	`rgb(94.1%,39.2%,50.2%)`
CMYK	0, 58, 47, 6
HSL	348°, 82.4, 66.7	`hsl(348,82.4%,66.7%)`
HSV (or HSB)	348°, 58.3, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.96, 56.206, 12.348
XYZ	44.39, 29.202, 23.72
xyY	0.456, 0.3, 29.202
CIE-LCH	60.96, 57.546, 12.391
CIE-LUV	60.96, 97.4, 5.092
Hunter-Lab	54.039, 52.058, 11.803
Binary	11110000, 01100100, 10000000

#f06480
```
#f06480 rgb(240,100,128)
```
#64f0d4
```
#64f0d4 rgb(100,240,212)
```

Complementary Color

#f064c6
```
#f064c6 rgb(240,100,198)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#f08e64
```
#f08e64 rgb(240,142,100)
```

Analogous Color

#64c6f0
```
#64c6f0 rgb(100,198,240)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#64f08e
```
#64f08e rgb(100,240,142)
```

Split Complementary Color

#6480f0
```
#6480f0 rgb(100,128,240)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#80f064
```
#80f064 rgb(128,240,100)
```

Triadic Color

#d464f0
```
#d464f0 rgb(212,100,240)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#80f064
```
#80f064 rgb(128,240,100)
```
#64f0d4
```
#64f0d4 rgb(100,240,212)
```

Tetradic Color

#e91e47
```
#e91e47 rgb(233,30,71)
```
#ec355a
```
#ec355a rgb(236,53,90)
```
#ee4d6d
```
#ee4d6d rgb(238,77,109)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#f27b93
```
#f27b93 rgb(242,123,147)
```
#f593a6
```
#f593a6 rgb(245,147,166)
```
#f7aab9
```
#f7aab9 rgb(247,170,185)
```

Monochromatic Color

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

#f064a3
```
#f064a3 rgb(240,100,163)
```
#f06497
```
#f06497 rgb(240,100,151)
```
#f0648c
```
#f0648c rgb(240,100,140)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#f06474
```
#f06474 rgb(240,100,116)
```
#f06469
```
#f06469 rgb(240,100,105)
```
#f06b64
```
#f06b64 rgb(240,107,100)
```

Similar Colors

Text with hexadecimal color #f06480

This text has a font color of #f06480.

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

#f06480 background color

This paragraph has a background color of #f06480.

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

#f06480 border color

This element has a border color of #f06480.

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

CSS codes

.text {color:#f06480;}

.background {background-color:#f06480;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#180207
```
#180207 rgb(24,2,7)
```
#2a040c
```
#2a040c rgb(42,4,12)
```
#3c0611
```
#3c0611 rgb(60,6,17)
```
#4d0716
```
#4d0716 rgb(77,7,22)
```
#5f091a
```
#5f091a rgb(95,9,26)
```
#710b1f
```
#710b1f rgb(113,11,31)
```
#830d24
```
#830d24 rgb(131,13,36)
```
#950e29
```
#950e29 rgb(149,14,41)
```
#a7102e
```
#a7102e rgb(167,16,46)
```
#b91233
```
#b91233 rgb(185,18,51)
```
#cb1438
```
#cb1438 rgb(203,20,56)
```
#dd153d
```
#dd153d rgb(221,21,61)
```

Shade Color Variation

#e91c45
```
#e91c45 rgb(233,28,69)
```
#eb2e54
```
#eb2e54 rgb(235,46,84)
```
#ed4063
```
#ed4063 rgb(237,64,99)
```
#ee5271
```
#ee5271 rgb(238,82,113)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#f2768f
```
#f2768f rgb(242,118,143)
```
#f3889d
```
#f3889d rgb(243,136,157)
```
#f59aac
```
#f59aac rgb(245,154,172)
```
#f7acbb
```
#f7acbb rgb(247,172,187)
```
#f9bdc9
```
#f9bdc9 rgb(249,189,201)
```
#facfd8
```
#facfd8 rgb(250,207,216)
```
#fce1e7
```
#fce1e7 rgb(252,225,231)
```
#fef3f5
```
#fef3f5 rgb(254,243,245)
```

Tint Color Variation

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

#afa5a7
```
#afa5a7 rgb(175,165,167)
```
#b59fa3
```
#b59fa3 rgb(181,159,163)
```
#bc989f
```
#bc989f rgb(188,152,159)
```
#c2929b
```
#c2929b rgb(194,146,155)
```
#c98b98
```
#c98b98 rgb(201,139,152)
```
#cf8594
```
#cf8594 rgb(207,133,148)
```
#d67e90
```
#d67e90 rgb(214,126,144)
```
#dc788c
```
#dc788c rgb(220,120,140)
```
#e37188
```
#e37188 rgb(227,113,136)
```
#e96b84
```
#e96b84 rgb(233,107,132)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#f75d7c
```
#f75d7c rgb(247,93,124)
```
#fd5778
```
#fd5778 rgb(253,87,120)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a4888e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a979b Protanopia 1% of men
#b0937d Deuteranopia 1% of men
#ef6f75 Tritanopia 0.001% of the population

Trichromacy

#b98591 Protanomaly 1% of men, 0.01% of women
#c7817e Deuteranomaly 6% of men, 0.4% of women
#ef6b79 Tritanomaly 0.01% of the population

#f06480 hex color

#f06480 Color Information

#f06480 Color Conversion

Color Schemes with #f06480

Alternatives to #f06480

#f06480 Preview

Shades and Tints of #f06480

Tones of #f06480

Color Blindness Simulator