colorhexa.com

#f04aa3 hex color

In a RGB color space, hex #f04aa3 is composed of 94.1% red, 29% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.2% magenta, 32.1% yellow and 5.9% black. It has a hue angle of 327.8 degrees, a saturation of 84.7% and a lightness of 61.6%. #f04aa3 color hex could be obtained by blending #ff94ff with #e10047. Closest websafe color is: #ff3399.

- R 94
- G 29
- B 64
RGB color chart
- C 0
- M 69
- Y 32
- K 6
CMYK color chart

● #f04aa3 color description : Soft pink.

The hexadecimal color #f04aa3 has RGB values of R:240, G:74, B:163 and CMYK values of C:0, M:0.69, Y:0.32, K:0.06. Its decimal value is 15747747.

Hex triplet	f04aa3	`#f04aa3`
RGB Decimal	240, 74, 163	`rgb(240,74,163)`
RGB Percent	94.1, 29, 63.9	`rgb(94.1%,29%,63.9%)`
CMYK	0, 69, 32, 6
HSL	327.8°, 84.7, 61.6	`hsl(327.8,84.7%,61.6%)`
HSV (or HSB)	327.8°, 69.2, 94.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.105, 70.268, -12.189
XYZ	44.995, 26.071, 37.311
xyY	0.415, 0.241, 26.071
CIE-LCH	58.105, 71.318, 350.159
CIE-LUV	58.105, 98.647, -30.333
Hunter-Lab	51.06, 67.944, -7.583
Binary	11110000, 01001010, 10100011

#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#4af097
```
#4af097 rgb(74,240,151)
```

Complementary Color

#ea4af0
```
#ea4af0 rgb(234,74,240)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#f04a50
```
#f04a50 rgb(240,74,80)
```

Analogous Color

#4af0ea
```
#4af0ea rgb(74,240,234)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#50f04a
```
#50f04a rgb(80,240,74)
```

Split Complementary Color

#4aa3f0
```
#4aa3f0 rgb(74,163,240)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#a3f04a
```
#a3f04a rgb(163,240,74)
```

Triadic Color

#974af0
```
#974af0 rgb(151,74,240)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#a3f04a
```
#a3f04a rgb(163,240,74)
```
#4af097
```
#4af097 rgb(74,240,151)
```

Tetradic Color

#db127e
```
#db127e rgb(219,18,126)
```
#ec1b8b
```
#ec1b8b rgb(236,27,139)
```
#ee3297
```
#ee3297 rgb(238,50,151)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#f262af
```
#f262af rgb(242,98,175)
```
#f479bb
```
#f479bb rgb(244,121,187)
```
#f691c7
```
#f691c7 rgb(246,145,199)
```

Monochromatic Color

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

#f04acd
```
#f04acd rgb(240,74,205)
```
#f04abf
```
#f04abf rgb(240,74,191)
```
#f04ab1
```
#f04ab1 rgb(240,74,177)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#f04a95
```
#f04a95 rgb(240,74,149)
```
#f04a87
```
#f04a87 rgb(240,74,135)
```
#f04a7a
```
#f04a7a rgb(240,74,122)
```

Similar Colors

Text with hexadecimal color #f04aa3

This text has a font color of #f04aa3.

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

#f04aa3 background color

This paragraph has a background color of #f04aa3.

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

#f04aa3 border color

This element has a border color of #f04aa3.

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

CSS codes

.text {color:#f04aa3;}

.background {background-color:#f04aa3;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#12020a
```
#12020a rgb(18,2,10)
```
#240315
```
#240315 rgb(36,3,21)
```
#36051f
```
#36051f rgb(54,5,31)
```
#49062a
```
#49062a rgb(73,6,42)
```
#5b0834
```
#5b0834 rgb(91,8,52)
```
#6d093f
```
#6d093f rgb(109,9,63)
```
#7f0b49
```
#7f0b49 rgb(127,11,73)
```
#910c53
```
#910c53 rgb(145,12,83)
```
#a30e5e
```
#a30e5e rgb(163,14,94)
```
#b50f68
```
#b50f68 rgb(181,15,104)
```
#c71173
```
#c71173 rgb(199,17,115)
```
#da127d
```
#da127d rgb(218,18,125)
```

Shade Color Variation

#eb1487
```
#eb1487 rgb(235,20,135)
```
#ed2691
```
#ed2691 rgb(237,38,145)
```
#ee389a
```
#ee389a rgb(238,56,154)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#f25cac
```
#f25cac rgb(242,92,172)
```
#f36eb5
```
#f36eb5 rgb(243,110,181)
```
#f580bf
```
#f580bf rgb(245,128,191)
```
#f692c8
```
#f692c8 rgb(246,146,200)
```
#f8a5d1
```
#f8a5d1 rgb(248,165,209)
```
#f9b7da
```
#f9b7da rgb(249,183,218)
```
#fbc9e3
```
#fbc9e3 rgb(251,201,227)
```
#fcdbed
```
#fcdbed rgb(252,219,237)
```
#feedf6
```
#feedf6 rgb(254,237,246)
```

Tint Color Variation

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

#9d9d9d
```
#9d9d9d rgb(157,157,157)
```
#a5959e
```
#a5959e rgb(165,149,158)
```
#ac8e9e
```
#ac8e9e rgb(172,142,158)
```
#b4869f
```
#b4869f rgb(180,134,159)
```
#bb7f9f
```
#bb7f9f rgb(187,127,159)
```
#c377a0
```
#c377a0 rgb(195,119,160)
```
#ca70a0
```
#ca70a0 rgb(202,112,160)
```
#d268a1
```
#d268a1 rgb(210,104,161)
```
#d961a1
```
#d961a1 rgb(217,97,161)
```
#e159a2
```
#e159a2 rgb(225,89,162)
```
#e852a2
```
#e852a2 rgb(232,82,162)
```
#f04aa3
```
#f04aa3 rgb(240,74,163)
```
#f842a4
```
#f842a4 rgb(248,66,164)
```

Tone Color Variation

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

Dichromacy

#7d8fcb Protanopia 1% of men
#9a8d9b Deuteranopia 1% of men
#eb6469 Tritanopia 0.001% of the population

Trichromacy

#a676bc Protanomaly 1% of men, 0.01% of women
#b9759d Deuteranomaly 6% of men, 0.4% of women
#ed5a7e Tritanomaly 0.01% of the population