#f04af9 hex color

In a RGB color space, hex #f04af9 is composed of 94.1% red, 29% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 70.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 296.9 degrees, a saturation of 93.6% and a lightness of 63.3%. #f04af9 color hex could be obtained by blending #ff94ff with #e100f3. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 94
- G 29
- B 98
RGB color chart
- C 4
- M 70
- Y 0
- K 2
CMYK color chart

● #f04af9 color description : Bright magenta.

The hexadecimal color #f04af9 has RGB values of R:240, G:74, B:249 and CMYK values of C:0.04, M:0.7, Y:0, K:0.02. Its decimal value is 15747833.

Hex triplet	f04af9	`#f04af9`
RGB Decimal	240, 74, 249	`rgb(240,74,249)`
RGB Percent	94.1, 29, 97.6	`rgb(94.1%,29%,97.6%)`
CMYK	4, 70, 0, 2
HSL	296.9°, 93.6, 63.3	`hsl(296.9,93.6%,63.3%)`
HSV (or HSB)	296.9°, 70.3, 97.6
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.883, 82.167, -55.164
XYZ	55.481, 30.266, 92.537
xyY	0.311, 0.17, 30.266
CIE-LCH	61.883, 98.967, 326.124
CIE-LUV	61.883, 67.674, -98.353
Hunter-Lab	55.014, 83.741, -61.219
Binary	11110000, 01001010, 11111001

#f04af9
```
#f04af9 rgb(240,74,249)
```
#53f94a
```
#53f94a rgb(83,249,74)
```

Complementary Color

#994af9
```
#994af9 rgb(153,74,249)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```
#f94aab
```
#f94aab rgb(249,74,171)
```

Analogous Color

#4af999
```
#4af999 rgb(74,249,153)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```
#abf94a
```
#abf94a rgb(171,249,74)
```

Split Complementary Color

#4af9f0
```
#4af9f0 rgb(74,249,240)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```
#f9f04a
```
#f9f04a rgb(249,240,74)
```

Triadic Color

#4a53f9
```
#4a53f9 rgb(74,83,249)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```
#f9f04a
```
#f9f04a rgb(249,240,74)
```
#53f94a
```
#53f94a rgb(83,249,74)
```

Tetradic Color

#e308ef
```
#e308ef rgb(227,8,239)
```
#ec19f7
```
#ec19f7 rgb(236,25,247)
```
#ee31f8
```
#ee31f8 rgb(238,49,248)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```
#f263fa
```
#f263fa rgb(242,99,250)
```
#f47bfb
```
#f47bfb rgb(244,123,251)
```
#f694fb
```
#f694fb rgb(246,148,251)
```

Monochromatic Color

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

#c44af9
```
#c44af9 rgb(196,74,249)
```
#d34af9
```
#d34af9 rgb(211,74,249)
```
#e14af9
```
#e14af9 rgb(225,74,249)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```
#f94af3
```
#f94af3 rgb(249,74,243)
```
#f94ae5
```
#f94ae5 rgb(249,74,229)
```
#f94ad6
```
#f94ad6 rgb(249,74,214)
```

Similar Colors

Text with hexadecimal color #f04af9

This text has a font color of #f04af9.

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

#f04af9 background color

This paragraph has a background color of #f04af9.

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

#f04af9 border color

This element has a border color of #f04af9.

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

CSS codes

.text {color:#f04af9;}

.background {background-color:#f04af9;}

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

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

#080009
```
#080009 rgb(8,0,9)
```
#1a011c
```
#1a011c rgb(26,1,28)
```
#2d022f
```
#2d022f rgb(45,2,47)
```
#3f0242
```
#3f0242 rgb(63,2,66)
```
#510355
```
#510355 rgb(81,3,85)
```
#630368
```
#630368 rgb(99,3,104)
```
#75047b
```
#75047b rgb(117,4,123)
```
#87058e
```
#87058e rgb(135,5,142)
```
#9905a1
```
#9905a1 rgb(153,5,161)
```
#ab06b4
```
#ab06b4 rgb(171,6,180)
```
#bd07c7
```
#bd07c7 rgb(189,7,199)
```
#cf07da
```
#cf07da rgb(207,7,218)
```
#e108ed
```
#e108ed rgb(225,8,237)
```

Shade Color Variation

#eb11f7
```
#eb11f7 rgb(235,17,247)
```
#ed24f8
```
#ed24f8 rgb(237,36,248)
```
#ee37f8
```
#ee37f8 rgb(238,55,248)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```
#f25dfa
```
#f25dfa rgb(242,93,250)
```
#f370fa
```
#f370fa rgb(243,112,250)
```
#f583fb
```
#f583fb rgb(245,131,251)
```
#f696fc
```
#f696fc rgb(246,150,252)
```
#f8a9fc
```
#f8a9fc rgb(248,169,252)
```
#f9bcfd
```
#f9bcfd rgb(249,188,253)
```
#fbcffd
```
#fbcffd rgb(251,207,253)
```
#fde2fe
```
#fde2fe rgb(253,226,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#a3a0a3
```
#a3a0a3 rgb(163,160,163)
```
#a999aa
```
#a999aa rgb(169,153,170)
```
#af92b1
```
#af92b1 rgb(175,146,177)
```
#b68bb8
```
#b68bb8 rgb(182,139,184)
```
#bc84bf
```
#bc84bf rgb(188,132,191)
```
#c37cc7
```
#c37cc7 rgb(195,124,199)
```
#c975ce
```
#c975ce rgb(201,117,206)
```
#d06ed5
```
#d06ed5 rgb(208,110,213)
```
#d667dc
```
#d667dc rgb(214,103,220)
```
#dd60e3
```
#dd60e3 rgb(221,96,227)
```
#e358eb
```
#e358eb rgb(227,88,235)
```
#ea51f2
```
#ea51f2 rgb(234,81,242)
```
#f04af9
```
#f04af9 rgb(240,74,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a382a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#709ae6 Deuteranopia 1% of men
#e17d85 Tritanopia 0.001% of the population

Trichromacy

#987bfc Protanomaly 1% of men, 0.01% of women
#9f7ded Deuteranomaly 6% of men, 0.4% of women
#e66aaf Tritanomaly 0.01% of the population

#f04af9 hex color

#f04af9 Color Information

#f04af9 Color Conversion

Color Schemes with #f04af9

Alternatives to #f04af9

#f04af9 Preview

Shades and Tints of #f04af9

Tones of #f04af9

Color Blindness Simulator