#f06580 hex color

In a RGB color space, hex #f06580 is composed of 94.1% red, 39.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 348.3 degrees, a saturation of 82.2% and a lightness of 66.9%. #f06580 color hex could be obtained by blending #ffcaff 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

● #f06580 color description : Soft red.

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

Hex triplet	f06580	`#f06580`
RGB Decimal	240, 101, 128	`rgb(240,101,128)`
RGB Percent	94.1, 39.6, 50.2	`rgb(94.1%,39.6%,50.2%)`
CMYK	0, 58, 47, 6
HSL	348.3°, 82.2, 66.9	`hsl(348.3,82.2%,66.9%)`
HSV (or HSB)	348.3°, 57.9, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.129, 55.757, 12.585
XYZ	44.486, 29.395, 23.752
xyY	0.456, 0.301, 29.395
CIE-LCH	61.129, 57.16, 12.719
CIE-LUV	61.129, 96.807, 5.493
Hunter-Lab	54.217, 51.582, 11.978
Binary	11110000, 01100101, 10000000

#f06580
```
#f06580 rgb(240,101,128)
```
#65f0d5
```
#65f0d5 rgb(101,240,213)
```

Complementary Color

#f065c6
```
#f065c6 rgb(240,101,198)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#f09065
```
#f09065 rgb(240,144,101)
```

Analogous Color

#65c6f0
```
#65c6f0 rgb(101,198,240)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#65f090
```
#65f090 rgb(101,240,144)
```

Split Complementary Color

#6580f0
```
#6580f0 rgb(101,128,240)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#80f065
```
#80f065 rgb(128,240,101)
```

Triadic Color

#d565f0
```
#d565f0 rgb(213,101,240)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#80f065
```
#80f065 rgb(128,240,101)
```
#65f0d5
```
#65f0d5 rgb(101,240,213)
```

Tetradic Color

#e91f47
```
#e91f47 rgb(233,31,71)
```
#eb375a
```
#eb375a rgb(235,55,90)
```
#ee4e6d
```
#ee4e6d rgb(238,78,109)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#f27c93
```
#f27c93 rgb(242,124,147)
```
#f593a6
```
#f593a6 rgb(245,147,166)
```
#f7abb9
```
#f7abb9 rgb(247,171,185)
```

Monochromatic Color

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

#f065a3
```
#f065a3 rgb(240,101,163)
```
#f06597
```
#f06597 rgb(240,101,151)
```
#f0658c
```
#f0658c rgb(240,101,140)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#f06574
```
#f06574 rgb(240,101,116)
```
#f06569
```
#f06569 rgb(240,101,105)
```
#f06d65
```
#f06d65 rgb(240,109,101)
```

Similar Colors

Text with hexadecimal color #f06580

This text has a font color of #f06580.

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

#f06580 background color

This paragraph has a background color of #f06580.

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

#f06580 border color

This element has a border color of #f06580.

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

CSS codes

.text {color:#f06580;}

.background {background-color:#f06580;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#190207
```
#190207 rgb(25,2,7)
```
#2b040c
```
#2b040c rgb(43,4,12)
```
#3c0610
```
#3c0610 rgb(60,6,16)
```
#4e0815
```
#4e0815 rgb(78,8,21)
```
#60091a
```
#60091a rgb(96,9,26)
```
#720b1f
```
#720b1f rgb(114,11,31)
```
#840d24
```
#840d24 rgb(132,13,36)
```
#960f29
```
#960f29 rgb(150,15,41)
```
#a8102e
```
#a8102e rgb(168,16,46)
```
#ba1233
```
#ba1233 rgb(186,18,51)
```
#cb1437
```
#cb1437 rgb(203,20,55)
```
#dd163c
```
#dd163c rgb(221,22,60)
```

Shade Color Variation

#e91e45
```
#e91e45 rgb(233,30,69)
```
#eb2f54
```
#eb2f54 rgb(235,47,84)
```
#ed4163
```
#ed4163 rgb(237,65,99)
```
#ee5371
```
#ee5371 rgb(238,83,113)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#f2778f
```
#f2778f rgb(242,119,143)
```
#f3899d
```
#f3899d rgb(243,137,157)
```
#f59bac
```
#f59bac rgb(245,155,172)
```
#f7acbb
```
#f7acbb rgb(247,172,187)
```
#f9beca
```
#f9beca rgb(249,190,202)
```
#fad0d8
```
#fad0d8 rgb(250,208,216)
```
#fce2e7
```
#fce2e7 rgb(252,226,231)
```
#fef4f6
```
#fef4f6 rgb(254,244,246)
```

Tint Color Variation

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

#afa6a8
```
#afa6a8 rgb(175,166,168)
```
#b6a0a4
```
#b6a0a4 rgb(182,160,164)
```
#bc99a0
```
#bc99a0 rgb(188,153,160)
```
#c3939c
```
#c3939c rgb(195,147,156)
```
#c98c98
```
#c98c98 rgb(201,140,152)
```
#d08694
```
#d08694 rgb(208,134,148)
```
#d67f90
```
#d67f90 rgb(214,127,144)
```
#dd798c
```
#dd798c rgb(221,121,140)
```
#e37288
```
#e37288 rgb(227,114,136)
```
#ea6c84
```
#ea6c84 rgb(234,108,132)
```
#f06580
```
#f06580 rgb(240,101,128)
```
#f75e7c
```
#f75e7c rgb(247,94,124)
```
#fd5878
```
#fd5878 rgb(253,88,120)
```

Tone Color Variation

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

#9a989b Protanopia 1% of men
#b0937d Deuteranopia 1% of men
#ef6f76 Tritanopia 0.001% of the population

Trichromacy

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

#f06580 hex color

#f06580 Color Information

#f06580 Color Conversion

Color Schemes with #f06580

Alternatives to #f06580

#f06580 Preview

Shades and Tints of #f06580

Tones of #f06580

Color Blindness Simulator