#f018aa hex color

In a RGB color space, hex #f018aa is composed of 94.1% red, 9.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90% magenta, 29.2% yellow and 5.9% black. It has a hue angle of 319.4 degrees, a saturation of 87.8% and a lightness of 51.8%. #f018aa color hex could be obtained by blending #ff30ff with #e10055. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 94
- G 9
- B 67
RGB color chart
- C 0
- M 90
- Y 29
- K 6
CMYK color chart

● #f018aa color description : Vivid pink.

The hexadecimal color #f018aa has RGB values of R:240, G:24, B:170 and CMYK values of C:0, M:0.9, Y:0.29, K:0.06. Its decimal value is 15734954.

Hex triplet	f018aa	`#f018aa`
RGB Decimal	240, 24, 170	`rgb(240,24,170)`
RGB Percent	94.1, 9.4, 66.7	`rgb(94.1%,9.4%,66.7%)`
CMYK	0, 90, 29, 6
HSL	319.4°, 87.8, 51.8	`hsl(319.4,87.8%,51.8%)`
HSV (or HSB)	319.4°, 90, 94.1
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.117, 83.143, -22.347
XYZ	43.518, 22.085, 39.999
xyY	0.412, 0.209, 22.085
CIE-LCH	54.117, 86.094, 344.956
CIE-LUV	54.117, 108.321, -46.869
Hunter-Lab	46.995, 83.054, -17.568
Binary	11110000, 00011000, 10101010

#f018aa
```
#f018aa rgb(240,24,170)
```
#18f05e
```
#18f05e rgb(24,240,94)
```

Complementary Color

#ca18f0
```
#ca18f0 rgb(202,24,240)
```
#f018aa
```
#f018aa rgb(240,24,170)
```
#f0183e
```
#f0183e rgb(240,24,62)
```

Analogous Color

#18f0ca
```
#18f0ca rgb(24,240,202)
```
#f018aa
```
#f018aa rgb(240,24,170)
```
#3ef018
```
#3ef018 rgb(62,240,24)
```

Split Complementary Color

#18aaf0
```
#18aaf0 rgb(24,170,240)
```
#f018aa
```
#f018aa rgb(240,24,170)
```
#aaf018
```
#aaf018 rgb(170,240,24)
```

Triadic Color

#5e18f0
```
#5e18f0 rgb(94,24,240)
```
#f018aa
```
#f018aa rgb(240,24,170)
```
#aaf018
```
#aaf018 rgb(170,240,24)
```
#18f05e
```
#18f05e rgb(24,240,94)
```

Tetradic Color

#b00b7b
```
#b00b7b rgb(176,11,123)
```
#c80d8b
```
#c80d8b rgb(200,13,139)
```
#e00f9c
```
#e00f9c rgb(224,15,156)
```
#f018aa
```
#f018aa rgb(240,24,170)
```
#f230b3
```
#f230b3 rgb(242,48,179)
```
#f348bc
```
#f348bc rgb(243,72,188)
```
#f560c4
```
#f560c4 rgb(245,96,196)
```

Monochromatic Color

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

#f018e0
```
#f018e0 rgb(240,24,224)
```
#f018ce
```
#f018ce rgb(240,24,206)
```
#f018bc
```
#f018bc rgb(240,24,188)
```
#f018aa
```
#f018aa rgb(240,24,170)
```
#f01898
```
#f01898 rgb(240,24,152)
```
#f01886
```
#f01886 rgb(240,24,134)
```
#f01874
```
#f01874 rgb(240,24,116)
```

Similar Colors

Text with hexadecimal color #f018aa

This text has a font color of #f018aa.

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

#f018aa background color

This paragraph has a background color of #f018aa.

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

#f018aa border color

This element has a border color of #f018aa.

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

CSS codes

.text {color:#f018aa;}

.background {background-color:#f018aa;}

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

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

#080106
```
#080106 rgb(8,1,6)
```
#1b0213
```
#1b0213 rgb(27,2,19)
```
#2d0320
```
#2d0320 rgb(45,3,32)
```
#40042c
```
#40042c rgb(64,4,44)
```
#520539
```
#520539 rgb(82,5,57)
```
#650746
```
#650746 rgb(101,7,70)
```
#770853
```
#770853 rgb(119,8,83)
```
#890960
```
#890960 rgb(137,9,96)
```
#9c0a6d
```
#9c0a6d rgb(156,10,109)
```
#ae0b79
```
#ae0b79 rgb(174,11,121)
```
#c10d86
```
#c10d86 rgb(193,13,134)
```
#d30e93
```
#d30e93 rgb(211,14,147)
```
#e50fa0
```
#e50fa0 rgb(229,15,160)
```

Shade Color Variation

#f018aa
```
#f018aa rgb(240,24,170)
```
#f12ab1
```
#f12ab1 rgb(241,42,177)
```
#f23db8
```
#f23db8 rgb(242,61,184)
```
#f44fbe
```
#f44fbe rgb(244,79,190)
```
#f562c5
```
#f562c5 rgb(245,98,197)
```
#f674cc
```
#f674cc rgb(246,116,204)
```
#f787d3
```
#f787d3 rgb(247,135,211)
```
#f899d9
```
#f899d9 rgb(248,153,217)
```
#faabe0
```
#faabe0 rgb(250,171,224)
```
#fbbee7
```
#fbbee7 rgb(251,190,231)
```
#fcd0ee
```
#fcd0ee rgb(252,208,238)
```
#fde3f5
```
#fde3f5 rgb(253,227,245)
```
#fef5fb
```
#fef5fb rgb(254,245,251)
```

Tint Color Variation

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

#888085
```
#888085 rgb(136,128,133)
```
#917789
```
#917789 rgb(145,119,137)
```
#9b6d8c
```
#9b6d8c rgb(155,109,140)
```
#a4648f
```
#a4648f rgb(164,100,143)
```
#ae5a93
```
#ae5a93 rgb(174,90,147)
```
#b75196
```
#b75196 rgb(183,81,150)
```
#c14799
```
#c14799 rgb(193,71,153)
```
#ca3e9d
```
#ca3e9d rgb(202,62,157)
```
#d434a0
```
#d434a0 rgb(212,52,160)
```
#dd2ba3
```
#dd2ba3 rgb(221,43,163)
```
#e721a7
```
#e721a7 rgb(231,33,167)
```
#f018aa
```
#f018aa rgb(240,24,170)
```
#f90fad
```
#f90fad rgb(249,15,173)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#845976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5684e4 Protanopia 1% of men
#89849d Deuteranopia 1% of men
#e94f52 Tritanopia 0.001% of the population

Trichromacy

#8e5dcf Protanomaly 1% of men, 0.01% of women
#ae5da2 Deuteranomaly 6% of men, 0.4% of women
#ec3b72 Tritanomaly 0.01% of the population

#f018aa hex color

#f018aa Color Information

#f018aa Color Conversion

Color Schemes with #f018aa

Alternatives to #f018aa

#f018aa Preview

Shades and Tints of #f018aa

Tones of #f018aa

Color Blindness Simulator