#9020f7 hex color

In a RGB color space, hex #9020f7 is composed of 56.5% red, 12.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 87% magenta, 0% yellow and 3.1% black. It has a hue angle of 271.3 degrees, a saturation of 93.1% and a lightness of 54.7%. #9020f7 color hex could be obtained by blending #ff40ff with #2100ef. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 56
- G 13
- B 97
RGB color chart
- C 42
- M 87
- Y 0
- K 3
CMYK color chart

● #9020f7 color description : Vivid violet.

The hexadecimal color #9020f7 has RGB values of R:144, G:32, B:247 and CMYK values of C:0.42, M:0.87, Y:0, K:0.03. Its decimal value is 9445623.

Hex triplet	9020f7	`#9020f7`
RGB Decimal	144, 32, 247	`rgb(144,32,247)`
RGB Percent	56.5, 12.5, 96.9	`rgb(56.5%,12.5%,96.9%)`
CMYK	42, 87, 0, 3
HSL	271.3°, 93.1, 54.7	`hsl(271.3,93.1%,54.7%)`
HSV (or HSB)	271.3°, 87, 96.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	43.767, 78.229, -84.031
XYZ	28.804, 13.678, 89.113
xyY	0.219, 0.104, 13.678
CIE-LCH	43.767, 114.808, 312.952
CIE-LUV	43.767, 18.201, -126.756
Hunter-Lab	36.984, 74.3, -116.973
Binary	10010000, 00100000, 11110111

#9020f7
```
#9020f7 rgb(144,32,247)
```
#87f720
```
#87f720 rgb(135,247,32)
```

Complementary Color

#2520f7
```
#2520f7 rgb(37,32,247)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```
#f720f3
```
#f720f3 rgb(247,32,243)
```

Analogous Color

#20f725
```
#20f725 rgb(32,247,37)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```
#f3f720
```
#f3f720 rgb(243,247,32)
```

Split Complementary Color

#20f790
```
#20f790 rgb(32,247,144)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```
#f79020
```
#f79020 rgb(247,144,32)
```

Triadic Color

#2087f7
```
#2087f7 rgb(32,135,247)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```
#f79020
```
#f79020 rgb(247,144,32)
```
#87f720
```
#87f720 rgb(135,247,32)
```

Tetradic Color

#6907c3
```
#6907c3 rgb(105,7,195)
```
#7608dc
```
#7608dc rgb(118,8,220)
```
#8409f5
```
#8409f5 rgb(132,9,245)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```
#9c39f8
```
#9c39f8 rgb(156,57,248)
```
#a951f9
```
#a951f9 rgb(169,81,249)
```
#b56afa
```
#b56afa rgb(181,106,250)
```

Monochromatic Color

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

#5a20f7
```
#5a20f7 rgb(90,32,247)
```
#6c20f7
```
#6c20f7 rgb(108,32,247)
```
#7e20f7
```
#7e20f7 rgb(126,32,247)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```
#a220f7
```
#a220f7 rgb(162,32,247)
```
#b420f7
```
#b420f7 rgb(180,32,247)
```
#c620f7
```
#c620f7 rgb(198,32,247)
```

Similar Colors

Text with hexadecimal color #9020f7

This text has a font color of #9020f7.

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

#9020f7 background color

This paragraph has a background color of #9020f7.

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

#9020f7 border color

This element has a border color of #9020f7.

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

CSS codes

.text {color:#9020f7;}

.background {background-color:#9020f7;}

.border {border:1px solid #9020f7;}

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

#020004
```
#020004 rgb(2,0,4)
```
#0c0117
```
#0c0117 rgb(12,1,23)
```
#17022a
```
#17022a rgb(23,2,42)
```
#21023d
```
#21023d rgb(33,2,61)
```
#2b0350
```
#2b0350 rgb(43,3,80)
```
#350463
```
#350463 rgb(53,4,99)
```
#3f0476
```
#3f0476 rgb(63,4,118)
```
#4a0589
```
#4a0589 rgb(74,5,137)
```
#54069c
```
#54069c rgb(84,6,156)
```
#5e06af
```
#5e06af rgb(94,6,175)
```
#6807c2
```
#6807c2 rgb(104,7,194)
```
#7208d5
```
#7208d5 rgb(114,8,213)
```
#7d08e7
```
#7d08e7 rgb(125,8,231)
```

Shade Color Variation

#870df6
```
#870df6 rgb(135,13,246)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```
#9933f8
```
#9933f8 rgb(153,51,248)
```
#a346f8
```
#a346f8 rgb(163,70,248)
```
#ac59f9
```
#ac59f9 rgb(172,89,249)
```
#b66cfa
```
#b66cfa rgb(182,108,250)
```
#bf7ffa
```
#bf7ffa rgb(191,127,250)
```
#c992fb
```
#c992fb rgb(201,146,251)
```
#d2a5fc
```
#d2a5fc rgb(210,165,252)
```
#dbb7fc
```
#dbb7fc rgb(219,183,252)
```
#e5cafd
```
#e5cafd rgb(229,202,253)
```
#eeddfe
```
#eeddfe rgb(238,221,254)
```
#f8f0fe
```
#f8f0fe rgb(248,240,254)
```

Tint Color Variation

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

#8c8b8c
```
#8c8b8c rgb(140,139,140)
```
#8c8295
```
#8c8295 rgb(140,130,149)
```
#8c799e
```
#8c799e rgb(140,121,158)
```
#8d70a7
```
#8d70a7 rgb(141,112,167)
```
#8d67b0
```
#8d67b0 rgb(141,103,176)
```
#8d5eb9
```
#8d5eb9 rgb(141,94,185)
```
#8e55c2
```
#8e55c2 rgb(142,85,194)
```
#8e4ccb
```
#8e4ccb rgb(142,76,203)
```
#8f44d3
```
#8f44d3 rgb(143,68,211)
```
#8f3bdc
```
#8f3bdc rgb(143,59,220)
```
#8f32e5
```
#8f32e5 rgb(143,50,229)
```
#9029ee
```
#9029ee rgb(144,41,238)
```
#9020f7
```
#9020f7 rgb(144,32,247)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#654e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#716d75 Tritanopia 0.001% of the population

Trichromacy

#3450df Protanomaly 1% of men, 0.01% of women
#3454ce Deuteranomaly 6% of men, 0.4% of women
#7c51a4 Tritanomaly 0.01% of the population

#9020f7 hex color

#9020f7 Color Information

#9020f7 Color Conversion

Color Schemes with #9020f7

Alternatives to #9020f7

#9020f7 Preview

Shades and Tints of #9020f7

Tones of #9020f7

Color Blindness Simulator