#f045a2 hex color

In a RGB color space, hex #f045a2 is composed of 94.1% red, 27.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.3% magenta, 32.5% yellow and 5.9% black. It has a hue angle of 327.4 degrees, a saturation of 85.1% and a lightness of 60.6%. #f045a2 color hex could be obtained by blending #ff8aff with #e10045. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 94
- G 27
- B 64
RGB color chart
- C 0
- M 71
- Y 33
- K 6
CMYK color chart

● #f045a2 color description : Bright pink.

The hexadecimal color #f045a2 has RGB values of R:240, G:69, B:162 and CMYK values of C:0, M:0.71, Y:0.33, K:0.06. Its decimal value is 15746466.

Hex triplet	f045a2	`#f045a2`
RGB Decimal	240, 69, 162	`rgb(240,69,162)`
RGB Percent	94.1, 27.1, 63.5	`rgb(94.1%,27.1%,63.5%)`
CMYK	0, 71, 33, 6
HSL	327.4°, 85.1, 60.6	`hsl(327.4,85.1%,60.6%)`
HSV (or HSB)	327.4°, 71.3, 94.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.458, 71.87, -12.579
XYZ	44.586, 25.394, 36.734
xyY	0.418, 0.238, 25.394
CIE-LCH	57.458, 72.963, 350.072
CIE-LUV	57.458, 100.893, -31.15
Hunter-Lab	50.393, 69.743, -7.945
Binary	11110000, 01000101, 10100010

#f045a2
```
#f045a2 rgb(240,69,162)
```
#45f093
```
#45f093 rgb(69,240,147)
```

Complementary Color

#e945f0
```
#e945f0 rgb(233,69,240)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#f0454d
```
#f0454d rgb(240,69,77)
```

Analogous Color

#45f0e9
```
#45f0e9 rgb(69,240,233)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#4df045
```
#4df045 rgb(77,240,69)
```

Split Complementary Color

#45a2f0
```
#45a2f0 rgb(69,162,240)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#a2f045
```
#a2f045 rgb(162,240,69)
```

Triadic Color

#9345f0
```
#9345f0 rgb(147,69,240)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#a2f045
```
#a2f045 rgb(162,240,69)
```
#45f093
```
#45f093 rgb(69,240,147)
```

Tetradic Color

#d7117d
```
#d7117d rgb(215,17,125)
```
#ec168a
```
#ec168a rgb(236,22,138)
```
#ee2d96
```
#ee2d96 rgb(238,45,150)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#f25dae
```
#f25dae rgb(242,93,174)
```
#f474ba
```
#f474ba rgb(244,116,186)
```
#f68cc5
```
#f68cc5 rgb(246,140,197)
```

Monochromatic Color

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

#f045cd
```
#f045cd rgb(240,69,205)
```
#f045bf
```
#f045bf rgb(240,69,191)
```
#f045b0
```
#f045b0 rgb(240,69,176)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#f04594
```
#f04594 rgb(240,69,148)
```
#f04586
```
#f04586 rgb(240,69,134)
```
#f04577
```
#f04577 rgb(240,69,119)
```

Similar Colors

Text with hexadecimal color #f045a2

This text has a font color of #f045a2.

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

#f045a2 background color

This paragraph has a background color of #f045a2.

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

#f045a2 border color

This element has a border color of #f045a2.

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

CSS codes

.text {color:#f045a2;}

.background {background-color:#f045a2;}

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

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, #0e0108 is the darkest color, while #fffbfd is the lightest one.

#0e0108
```
#0e0108 rgb(14,1,8)
```
#200312
```
#200312 rgb(32,3,18)
```
#32041d
```
#32041d rgb(50,4,29)
```
#440528
```
#440528 rgb(68,5,40)
```
#560732
```
#560732 rgb(86,7,50)
```
#68083d
```
#68083d rgb(104,8,61)
```
#7b0a47
```
#7b0a47 rgb(123,10,71)
```
#8d0b52
```
#8d0b52 rgb(141,11,82)
```
#9f0d5c
```
#9f0d5c rgb(159,13,92)
```
#b10e67
```
#b10e67 rgb(177,14,103)
```
#c31071
```
#c31071 rgb(195,16,113)
```
#d5117c
```
#d5117c rgb(213,17,124)
```
#e71386
```
#e71386 rgb(231,19,134)
```

Shade Color Variation

#ed2190
```
#ed2190 rgb(237,33,144)
```
#ef3399
```
#ef3399 rgb(239,51,153)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#f157ab
```
#f157ab rgb(241,87,171)
```
#f369b4
```
#f369b4 rgb(243,105,180)
```
#f47bbd
```
#f47bbd rgb(244,123,189)
```
#f68ec6
```
#f68ec6 rgb(246,142,198)
```
#f7a0cf
```
#f7a0cf rgb(247,160,207)
```
#f9b2d8
```
#f9b2d8 rgb(249,178,216)
```
#fac4e2
```
#fac4e2 rgb(250,196,226)
```
#fcd6eb
```
#fcd6eb rgb(252,214,235)
```
#fde8f4
```
#fde8f4 rgb(253,232,244)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#9b9a9b
```
#9b9a9b rgb(155,154,155)
```
#a3929b
```
#a3929b rgb(163,146,155)
```
#aa8b9c
```
#aa8b9c rgb(170,139,156)
```
#b2839d
```
#b2839d rgb(178,131,157)
```
#ba7b9d
```
#ba7b9d rgb(186,123,157)
```
#c2739e
```
#c2739e rgb(194,115,158)
```
#c96c9f
```
#c96c9f rgb(201,108,159)
```
#d1649f
```
#d1649f rgb(209,100,159)
```
#d95ca0
```
#d95ca0 rgb(217,92,160)
```
#e154a1
```
#e154a1 rgb(225,84,161)
```
#e84da1
```
#e84da1 rgb(232,77,161)
```
#f045a2
```
#f045a2 rgb(240,69,162)
```
#f83da3
```
#f83da3 rgb(248,61,163)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#997789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798dcc Protanopia 1% of men
#988c99 Deuteranopia 1% of men
#eb6066 Tritanopia 0.001% of the population

Trichromacy

#a473bc Protanomaly 1% of men, 0.01% of women
#b8729c Deuteranomaly 6% of men, 0.4% of women
#ed567b Tritanomaly 0.01% of the population

#f045a2 hex color

#f045a2 Color Information

#f045a2 Color Conversion

Color Schemes with #f045a2

Alternatives to #f045a2

#f045a2 Preview

Shades and Tints of #f045a2

Tones of #f045a2

Color Blindness Simulator