#f745aa hex color

In a RGB color space, hex #f745aa is composed of 96.9% red, 27.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.1% magenta, 31.2% yellow and 3.1% black. It has a hue angle of 326 degrees, a saturation of 91.8% and a lightness of 62%. #f745aa color hex could be obtained by blending #ff8aff with #ef0055. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 97
- G 27
- B 67
RGB color chart
- C 0
- M 72
- Y 31
- K 3
CMYK color chart

● #f745aa color description : Bright pink.

The hexadecimal color #f745aa has RGB values of R:247, G:69, B:170 and CMYK values of C:0, M:0.72, Y:0.31, K:0.03. Its decimal value is 16205226.

Hex triplet	f745aa	`#f745aa`
RGB Decimal	247, 69, 170	`rgb(247,69,170)`
RGB Percent	96.9, 27.1, 66.7	`rgb(96.9%,27.1%,66.7%)`
CMYK	0, 72, 31, 3
HSL	326°, 91.8, 62	`hsl(326,91.8%,62%)`
HSV (or HSB)	326°, 72.1, 96.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.916, 74.544, -14.92
XYZ	47.742, 26.937, 40.713
xyY	0.414, 0.233, 26.937
CIE-LCH	58.916, 76.023, 348.682
CIE-LUV	58.916, 103.317, -35.18
Hunter-Lab	51.901, 73.371, -10.179
Binary	11110111, 01000101, 10101010

#f745aa
```
#f745aa rgb(247,69,170)
```
#45f792
```
#45f792 rgb(69,247,146)
```

Complementary Color

#eb45f7
```
#eb45f7 rgb(235,69,247)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#f74551
```
#f74551 rgb(247,69,81)
```

Analogous Color

#45f7eb
```
#45f7eb rgb(69,247,235)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#51f745
```
#51f745 rgb(81,247,69)
```

Split Complementary Color

#45aaf7
```
#45aaf7 rgb(69,170,247)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#aaf745
```
#aaf745 rgb(170,247,69)
```

Triadic Color

#9245f7
```
#9245f7 rgb(146,69,247)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#aaf745
```
#aaf745 rgb(170,247,69)
```
#45f792
```
#45f792 rgb(69,247,146)
```

Tetradic Color

#e60a87
```
#e60a87 rgb(230,10,135)
```
#f51494
```
#f51494 rgb(245,20,148)
```
#f62d9f
```
#f62d9f rgb(246,45,159)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#f85db5
```
#f85db5 rgb(248,93,181)
```
#f976c0
```
#f976c0 rgb(249,118,192)
```
#fa8ecc
```
#fa8ecc rgb(250,142,204)
```

Monochromatic Color

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

#f745d7
```
#f745d7 rgb(247,69,215)
```
#f745c8
```
#f745c8 rgb(247,69,200)
```
#f745b9
```
#f745b9 rgb(247,69,185)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#f7459b
```
#f7459b rgb(247,69,155)
```
#f7458c
```
#f7458c rgb(247,69,140)
```
#f7457e
```
#f7457e rgb(247,69,126)
```

Similar Colors

Text with hexadecimal color #f745aa

This text has a font color of #f745aa.

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

#f745aa background color

This paragraph has a background color of #f745aa.

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

#f745aa border color

This element has a border color of #f745aa.

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

CSS codes

.text {color:#f745aa;}

.background {background-color:#f745aa;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#15010c
```
#15010c rgb(21,1,12)
```
#280217
```
#280217 rgb(40,2,23)
```
#3a0322
```
#3a0322 rgb(58,3,34)
```
#4d032d
```
#4d032d rgb(77,3,45)
```
#600438
```
#600438 rgb(96,4,56)
```
#730543
```
#730543 rgb(115,5,67)
```
#86064e
```
#86064e rgb(134,6,78)
```
#990759
```
#990759 rgb(153,7,89)
```
#ab0764
```
#ab0764 rgb(171,7,100)
```
#be086f
```
#be086f rgb(190,8,111)
```
#d1097a
```
#d1097a rgb(209,9,122)
```
#e40a85
```
#e40a85 rgb(228,10,133)
```

Shade Color Variation

#f50d90
```
#f50d90 rgb(245,13,144)
```
#f51f99
```
#f51f99 rgb(245,31,153)
```
#f632a1
```
#f632a1 rgb(246,50,161)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#f858b3
```
#f858b3 rgb(248,88,179)
```
#f96bbb
```
#f96bbb rgb(249,107,187)
```
#f97dc4
```
#f97dc4 rgb(249,125,196)
```
#fa90cc
```
#fa90cc rgb(250,144,204)
```
#fba3d5
```
#fba3d5 rgb(251,163,213)
```
#fcb6de
```
#fcb6de rgb(252,182,222)
```
#fdc9e6
```
#fdc9e6 rgb(253,201,230)
```
#fddbef
```
#fddbef rgb(253,219,239)
```
#feeef7
```
#feeef7 rgb(254,238,247)
```

Tint Color Variation

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

#a5979f
```
#a5979f rgb(165,151,159)
```
#ac90a0
```
#ac90a0 rgb(172,144,160)
```
#b488a1
```
#b488a1 rgb(180,136,161)
```
#bb81a2
```
#bb81a2 rgb(187,129,162)
```
#c379a3
```
#c379a3 rgb(195,121,163)
```
#ca72a4
```
#ca72a4 rgb(202,114,164)
```
#d26aa5
```
#d26aa5 rgb(210,106,165)
```
#d963a6
```
#d963a6 rgb(217,99,166)
```
#e15ba7
```
#e15ba7 rgb(225,91,167)
```
#e854a8
```
#e854a8 rgb(232,84,168)
```
#f04ca9
```
#f04ca9 rgb(240,76,169)
```
#f745aa
```
#f745aa rgb(247,69,170)
```
#fe3eab
```
#fe3eab rgb(254,62,171)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9d798d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7991d6 Protanopia 1% of men
#9b8fa0 Deuteranopia 1% of men
#f16268 Tritanopia 0.001% of the population

Trichromacy

#a775c6 Protanomaly 1% of men, 0.01% of women
#bc74a3 Deuteranomaly 6% of men, 0.4% of women
#f35880 Tritanomaly 0.01% of the population

#f745aa hex color

#f745aa Color Information

#f745aa Color Conversion

Color Schemes with #f745aa

Alternatives to #f745aa

#f745aa Preview

Shades and Tints of #f745aa

Tones of #f745aa

Color Blindness Simulator