#f046f0 hex color

In a RGB color space, hex #f046f0 is composed of 94.1% red, 27.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 300 degrees, a saturation of 85% and a lightness of 60.8%. #f046f0 color hex could be obtained by blending #ff8cff with #e100e1. Closest websafe color is: #ff33ff.

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

● #f046f0 color description : Bright magenta.

The hexadecimal color #f046f0 has RGB values of R:240, G:70, B:240 and CMYK values of C:0, M:0.71, Y:0, K:0.06. Its decimal value is 15746800.

Hex triplet	f046f0	`#f046f0`
RGB Decimal	240, 70, 240	`rgb(240,70,240)`
RGB Percent	94.1, 27.5, 94.1	`rgb(94.1%,27.5%,94.1%)`
CMYK	0, 71, 0, 6
HSL	300°, 85, 60.8	`hsl(300,85%,60.8%)`
HSV (or HSB)	300°, 70.8, 94.1
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.958, 82.023, -51.637
XYZ	53.852, 29.2, 85.233
xyY	0.32, 0.174, 29.2
CIE-LCH	60.958, 96.923, 327.808
CIE-LUV	60.958, 71.568, -92.549
Hunter-Lab	54.037, 83.324, -55.692
Binary	11110000, 01000110, 11110000

#f046f0
```
#f046f0 rgb(240,70,240)
```
#46f046
```
#46f046 rgb(70,240,70)
```

Complementary Color

#9b46f0
```
#9b46f0 rgb(155,70,240)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#f0469b
```
#f0469b rgb(240,70,155)
```

Analogous Color

#46f09b
```
#46f09b rgb(70,240,155)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#9bf046
```
#9bf046 rgb(155,240,70)
```

Split Complementary Color

#46f0f0
```
#46f0f0 rgb(70,240,240)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#f0f046
```
#f0f046 rgb(240,240,70)
```

Triadic Color

#4646f0
```
#4646f0 rgb(70,70,240)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#f0f046
```
#f0f046 rgb(240,240,70)
```
#46f046
```
#46f046 rgb(70,240,70)
```

Tetradic Color

#d812d8
```
#d812d8 rgb(216,18,216)
```
#ec17ec
```
#ec17ec rgb(236,23,236)
```
#ee2eee
```
#ee2eee rgb(238,46,238)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#f25ef2
```
#f25ef2 rgb(242,94,242)
```
#f475f4
```
#f475f4 rgb(244,117,244)
```
#f68df6
```
#f68df6 rgb(246,141,246)
```

Monochromatic Color

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

#c646f0
```
#c646f0 rgb(198,70,240)
```
#d446f0
```
#d446f0 rgb(212,70,240)
```
#e246f0
```
#e246f0 rgb(226,70,240)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#f046e2
```
#f046e2 rgb(240,70,226)
```
#f046d4
```
#f046d4 rgb(240,70,212)
```
#f046c6
```
#f046c6 rgb(240,70,198)
```

Similar Colors

Text with hexadecimal color #f046f0

This text has a font color of #f046f0.

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

#f046f0 background color

This paragraph has a background color of #f046f0.

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

#f046f0 border color

This element has a border color of #f046f0.

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

CSS codes

.text {color:#f046f0;}

.background {background-color:#f046f0;}

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

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

#0f010f
```
#0f010f rgb(15,1,15)
```
#210321
```
#210321 rgb(33,3,33)
```
#330433
```
#330433 rgb(51,4,51)
```
#450645
```
#450645 rgb(69,6,69)
```
#570757
```
#570757 rgb(87,7,87)
```
#690969
```
#690969 rgb(105,9,105)
```
#7b0a7b
```
#7b0a7b rgb(123,10,123)
```
#8e0b8e
```
#8e0b8e rgb(142,11,142)
```
#a00da0
```
#a00da0 rgb(160,13,160)
```
#b20eb2
```
#b20eb2 rgb(178,14,178)
```
#c410c4
```
#c410c4 rgb(196,16,196)
```
#d611d6
```
#d611d6 rgb(214,17,214)
```
#e813e8
```
#e813e8 rgb(232,19,232)
```

Shade Color Variation

#ed22ed
```
#ed22ed rgb(237,34,237)
```
#ef34ef
```
#ef34ef rgb(239,52,239)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#f158f1
```
#f158f1 rgb(241,88,241)
```
#f36af3
```
#f36af3 rgb(243,106,243)
```
#f47cf4
```
#f47cf4 rgb(244,124,244)
```
#f68ff6
```
#f68ff6 rgb(246,143,246)
```
#f7a1f7
```
#f7a1f7 rgb(247,161,247)
```
#f9b3f9
```
#f9b3f9 rgb(249,179,249)
```
#fac5fa
```
#fac5fa rgb(250,197,250)
```
#fcd7fc
```
#fcd7fc rgb(252,215,252)
```
#fde9fd
```
#fde9fd rgb(253,233,253)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#9b9b9b
```
#9b9b9b rgb(155,155,155)
```
#a393a3
```
#a393a3 rgb(163,147,163)
```
#ab8bab
```
#ab8bab rgb(171,139,171)
```
#b284b2
```
#b284b2 rgb(178,132,178)
```
#ba7cba
```
#ba7cba rgb(186,124,186)
```
#c274c2
```
#c274c2 rgb(194,116,194)
```
#ca6cca
```
#ca6cca rgb(202,108,202)
```
#d165d1
```
#d165d1 rgb(209,101,209)
```
#d95dd9
```
#d95dd9 rgb(217,93,217)
```
#e155e1
```
#e155e1 rgb(225,85,225)
```
#e84ee8
```
#e84ee8 rgb(232,78,232)
```
#f046f0
```
#f046f0 rgb(240,70,240)
```
#f83ef8
```
#f83ef8 rgb(248,62,248)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a07ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6195ff Protanopia 1% of men
#7598de Deuteranopia 1% of men
#e27880 Tritanopia 0.001% of the population

Trichromacy

#9578f9 Protanomaly 1% of men, 0.01% of women
#a17ae4 Deuteranomaly 6% of men, 0.4% of women
#e766a8 Tritanomaly 0.01% of the population

#f046f0 hex color

#f046f0 Color Information

#f046f0 Color Conversion

Color Schemes with #f046f0

Alternatives to #f046f0

#f046f0 Preview

Shades and Tints of #f046f0

Tones of #f046f0

Color Blindness Simulator