colorhexa.com

#f028dc hex color

In a RGB color space, hex #f028dc is composed of 94.1% red, 15.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 8.3% yellow and 5.9% black. It has a hue angle of 306 degrees, a saturation of 87% and a lightness of 54.9%. #f028dc color hex could be obtained by blending #ff50ff with #e100b9. Closest websafe color is: #ff33cc.

- R 94
- G 16
- B 86
RGB color chart
- C 0
- M 83
- Y 8
- K 6
CMYK color chart

● #f028dc color description : Bright magenta.

The hexadecimal color #f028dc has RGB values of R:240, G:40, B:220 and CMYK values of C:0, M:0.83, Y:0.08, K:0.06. Its decimal value is 15739100.

Hex triplet	f028dc	`#f028dc`
RGB Decimal	240, 40, 220	`rgb(240,40,220)`
RGB Percent	94.1, 15.7, 86.3	`rgb(94.1%,15.7%,86.3%)`
CMYK	0, 83, 8, 6
HSL	306°, 87, 54.9	`hsl(306,87%,54.9%)`
HSV (or HSB)	306°, 83.3, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.283, 86.704, -46.231
XYZ	49.612, 25.214, 69.96
xyY	0.343, 0.174, 25.214
CIE-LCH	57.283, 98.259, 331.933
CIE-LUV	57.283, 84.411, -83.767
Hunter-Lab	50.213, 88.487, -47.457
Binary	11110000, 00101000, 11011100

#f028dc
```
#f028dc rgb(240,40,220)
```
#28f03c
```
#28f03c rgb(40,240,60)
```

Complementary Color

#a028f0
```
#a028f0 rgb(160,40,240)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#f02878
```
#f02878 rgb(240,40,120)
```

Analogous Color

#28f0a0
```
#28f0a0 rgb(40,240,160)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#78f028
```
#78f028 rgb(120,240,40)
```

Split Complementary Color

#28dcf0
```
#28dcf0 rgb(40,220,240)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#dcf028
```
#dcf028 rgb(220,240,40)
```

Triadic Color

#3c28f0
```
#3c28f0 rgb(60,40,240)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#dcf028
```
#dcf028 rgb(220,240,40)
```
#28f03c
```
#28f03c rgb(40,240,60)
```

Tetradic Color

#be0dad
```
#be0dad rgb(190,13,173)
```
#d60fc2
```
#d60fc2 rgb(214,15,194)
```
#ee11d8
```
#ee11d8 rgb(238,17,216)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#f240e0
```
#f240e0 rgb(242,64,224)
```
#f358e4
```
#f358e4 rgb(243,88,228)
```
#f570e8
```
#f570e8 rgb(245,112,232)
```

Monochromatic Color

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

#d228f0
```
#d228f0 rgb(210,40,240)
```
#e328f0
```
#e328f0 rgb(227,40,240)
```
#f028ed
```
#f028ed rgb(240,40,237)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#f028cb
```
#f028cb rgb(240,40,203)
```
#f028bb
```
#f028bb rgb(240,40,187)
```
#f028aa
```
#f028aa rgb(240,40,170)
```

Similar Colors

Text with hexadecimal color #f028dc

This text has a font color of #f028dc.

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

#f028dc background color

This paragraph has a background color of #f028dc.

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

#f028dc border color

This element has a border color of #f028dc.

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

CSS codes

.text {color:#f028dc;}

.background {background-color:#f028dc;}

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

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

#050005
```
#050005 rgb(5,0,5)
```
#170215
```
#170215 rgb(23,2,21)
```
#2a0326
```
#2a0326 rgb(42,3,38)
```
#3c0436
```
#3c0436 rgb(60,4,54)
```
#4e0547
```
#4e0547 rgb(78,5,71)
```
#610758
```
#610758 rgb(97,7,88)
```
#730868
```
#730868 rgb(115,8,104)
```
#850979
```
#850979 rgb(133,9,121)
```
#980b8a
```
#980b8a rgb(152,11,138)
```
#aa0c9a
```
#aa0c9a rgb(170,12,154)
```
#bc0dab
```
#bc0dab rgb(188,13,171)
```
#cf0ebc
```
#cf0ebc rgb(207,14,188)
```
#e110cc
```
#e110cc rgb(225,16,204)
```

Shade Color Variation

#ef16d9
```
#ef16d9 rgb(239,22,217)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#f13adf
```
#f13adf rgb(241,58,223)
```
#f34de2
```
#f34de2 rgb(243,77,226)
```
#f45fe5
```
#f45fe5 rgb(244,95,229)
```
#f571e8
```
#f571e8 rgb(245,113,232)
```
#f684eb
```
#f684eb rgb(246,132,235)
```
#f896ee
```
#f896ee rgb(248,150,238)
```
#f9a8f1
```
#f9a8f1 rgb(249,168,241)
```
#fabbf4
```
#fabbf4 rgb(250,187,244)
```
#fccdf7
```
#fccdf7 rgb(252,205,247)
```
#fddffa
```
#fddffa rgb(253,223,250)
```
#fef2fd
```
#fef2fd rgb(254,242,253)
```

Tint Color Variation

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

#8f898e
```
#8f898e rgb(143,137,142)
```
#988095
```
#988095 rgb(152,128,149)
```
#a0789c
```
#a0789c rgb(160,120,156)
```
#a96fa3
```
#a96fa3 rgb(169,111,163)
```
#b266aa
```
#b266aa rgb(178,102,170)
```
#bb5db2
```
#bb5db2 rgb(187,93,178)
```
#c454b9
```
#c454b9 rgb(196,84,185)
```
#cd4bc0
```
#cd4bc0 rgb(205,75,192)
```
#d543c7
```
#d543c7 rgb(213,67,199)
```
#de3ace
```
#de3ace rgb(222,58,206)
```
#e731d5
```
#e731d5 rgb(231,49,213)
```
#f028dc
```
#f028dc rgb(240,40,220)
```
#f91fe3
```
#f91fe3 rgb(249,31,227)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#90688c Atypical Achromatopsia 0.001% of the population

Dichromacy

#488cff Protanopia 1% of men
#758eca Deuteranopia 1% of men
#e4666c Tritanopia 0.001% of the population

Trichromacy

#8567f2 Protanomaly 1% of men, 0.01% of women
#a269d0 Deuteranomaly 6% of men, 0.4% of women
#e84f94 Tritanomaly 0.01% of the population