#f06484 hex color

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

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

● #f06484 color description : Soft red.

The hexadecimal color #f06484 has RGB values of R:240, G:100, B:132 and CMYK values of C:0, M:0.58, Y:0.45, K:0.06. Its decimal value is 15754372.

Hex triplet	f06484	`#f06484`
RGB Decimal	240, 100, 132	`rgb(240,100,132)`
RGB Percent	94.1, 39.2, 51.8	`rgb(94.1%,39.2%,51.8%)`
CMYK	0, 58, 45, 6
HSL	346.3°, 82.4, 66.7	`hsl(346.3,82.4%,66.7%)`
HSV (or HSB)	346.3°, 58.3, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.054, 56.58, 10.165
XYZ	44.658, 29.31, 25.134
xyY	0.451, 0.296, 29.31
CIE-LCH	61.054, 57.486, 10.185
CIE-LUV	61.054, 96.289, 2.349
Hunter-Lab	54.138, 52.501, 10.371
Binary	11110000, 01100100, 10000100

#f06484
```
#f06484 rgb(240,100,132)
```
#64f0d0
```
#64f0d0 rgb(100,240,208)
```

Complementary Color

#f064ca
```
#f064ca rgb(240,100,202)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#f08a64
```
#f08a64 rgb(240,138,100)
```

Analogous Color

#64caf0
```
#64caf0 rgb(100,202,240)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#64f08a
```
#64f08a rgb(100,240,138)
```

Split Complementary Color

#6484f0
```
#6484f0 rgb(100,132,240)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#84f064
```
#84f064 rgb(132,240,100)
```

Triadic Color

#d064f0
```
#d064f0 rgb(208,100,240)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#84f064
```
#84f064 rgb(132,240,100)
```
#64f0d0
```
#64f0d0 rgb(100,240,208)
```

Tetradic Color

#e91e4d
```
#e91e4d rgb(233,30,77)
```
#ec355f
```
#ec355f rgb(236,53,95)
```
#ee4d72
```
#ee4d72 rgb(238,77,114)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#f27b96
```
#f27b96 rgb(242,123,150)
```
#f593a9
```
#f593a9 rgb(245,147,169)
```
#f7aabb
```
#f7aabb rgb(247,170,187)
```

Monochromatic Color

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

#f064a7
```
#f064a7 rgb(240,100,167)
```
#f0649b
```
#f0649b rgb(240,100,155)
```
#f06490
```
#f06490 rgb(240,100,144)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#f06478
```
#f06478 rgb(240,100,120)
```
#f0646d
```
#f0646d rgb(240,100,109)
```
#f06764
```
#f06764 rgb(240,103,100)
```

Similar Colors

Text with hexadecimal color #f06484

This text has a font color of #f06484.

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

#f06484 background color

This paragraph has a background color of #f06484.

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

#f06484 border color

This element has a border color of #f06484.

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

CSS codes

.text {color:#f06484;}

.background {background-color:#f06484;}

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

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 #fef3f6 is the lightest one.

#060102
```
#060102 rgb(6,1,2)
```
#180207
```
#180207 rgb(24,2,7)
```
#2a040d
```
#2a040d rgb(42,4,13)
```
#3c0612
```
#3c0612 rgb(60,6,18)
```
#4d0718
```
#4d0718 rgb(77,7,24)
```
#5f091d
```
#5f091d rgb(95,9,29)
```
#710b22
```
#710b22 rgb(113,11,34)
```
#830d28
```
#830d28 rgb(131,13,40)
```
#950e2d
```
#950e2d rgb(149,14,45)
```
#a71033
```
#a71033 rgb(167,16,51)
```
#b91238
```
#b91238 rgb(185,18,56)
```
#cb143d
```
#cb143d rgb(203,20,61)
```
#dd1543
```
#dd1543 rgb(221,21,67)
```

Shade Color Variation

#e91c4b
```
#e91c4b rgb(233,28,75)
```
#eb2e59
```
#eb2e59 rgb(235,46,89)
```
#ed4068
```
#ed4068 rgb(237,64,104)
```
#ee5276
```
#ee5276 rgb(238,82,118)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#f27692
```
#f27692 rgb(242,118,146)
```
#f388a0
```
#f388a0 rgb(243,136,160)
```
#f59aaf
```
#f59aaf rgb(245,154,175)
```
#f7acbd
```
#f7acbd rgb(247,172,189)
```
#f9bdcb
```
#f9bdcb rgb(249,189,203)
```
#facfd9
```
#facfd9 rgb(250,207,217)
```
#fce1e7
```
#fce1e7 rgb(252,225,231)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#afa5a7
```
#afa5a7 rgb(175,165,167)
```
#b59fa4
```
#b59fa4 rgb(181,159,164)
```
#bc98a0
```
#bc98a0 rgb(188,152,160)
```
#c2929d
```
#c2929d rgb(194,146,157)
```
#c98b99
```
#c98b99 rgb(201,139,153)
```
#cf8596
```
#cf8596 rgb(207,133,150)
```
#d67e92
```
#d67e92 rgb(214,126,146)
```
#dc788f
```
#dc788f rgb(220,120,143)
```
#e3718b
```
#e3718b rgb(227,113,139)
```
#e96b88
```
#e96b88 rgb(233,107,136)
```
#f06484
```
#f06484 rgb(240,100,132)
```
#f75d80
```
#f75d80 rgb(247,93,128)
```
#fd577d
```
#fd577d rgb(253,87,125)
```

Tone Color Variation

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

Dichromacy

#99989f Protanopia 1% of men
#af9381 Deuteranopia 1% of men
#ef6f76 Tritanopia 0.001% of the population

Trichromacy

#b88595 Protanomaly 1% of men, 0.01% of women
#c68282 Deuteranomaly 6% of men, 0.4% of women
#ef6b7b Tritanomaly 0.01% of the population

#f06484 hex color

#f06484 Color Information

#f06484 Color Conversion

Color Schemes with #f06484

Alternatives to #f06484

#f06484 Preview

Shades and Tints of #f06484

Tones of #f06484

Color Blindness Simulator