colorhexa.com

#6301f2 hex color

In a RGB color space, hex #6301f2 is composed of 38.8% red, 0.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 99.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 264.4 degrees, a saturation of 99.2% and a lightness of 47.6%. #6301f2 color hex could be obtained by blending #c602ff with #0000e5. Closest websafe color is: #6600ff.

- R 39
- G 0
- B 95
RGB color chart
- C 59
- M 100
- Y 0
- K 5
CMYK color chart

● #6301f2 color description : Vivid violet.

The hexadecimal color #6301f2 has RGB values of R:99, G:1, B:242 and CMYK values of C:0.59, M:1, Y:0, K:0.05. Its decimal value is 6488562.

Hex triplet	6301f2	`#6301f2`
RGB Decimal	99, 1, 242	`rgb(99,1,242)`
RGB Percent	38.8, 0.4, 94.9	`rgb(38.8%,0.4%,94.9%)`
CMYK	59, 100, 0, 5
HSL	264.4°, 99.2, 47.6	`hsl(264.4,99.2%,47.6%)`
HSV (or HSB)	264.4°, 99.6, 94.9
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.147, 78.365, -93.984
XYZ	21.181, 9.085, 84.637
xyY	0.184, 0.079, 9.085
CIE-LCH	36.147, 122.369, 309.822
CIE-LUV	36.147, 3.814, -126.676
Hunter-Lab	30.141, 72.69, -145.392
Binary	01100011, 00000001, 11110010

#6301f2
```
#6301f2 rgb(99,1,242)
```
#90f201
```
#90f201 rgb(144,242,1)
```

Complementary Color

#0117f2
```
#0117f2 rgb(1,23,242)
```
#6301f2
```
#6301f2 rgb(99,1,242)
```
#dc01f2
```
#dc01f2 rgb(220,1,242)
```

Analogous Color

#18f201
```
#18f201 rgb(24,242,1)
```
#6301f2
```
#6301f2 rgb(99,1,242)
```
#f2dc01
```
#f2dc01 rgb(242,220,1)
```

Split Complementary Color

#4401a6
```
#4401a6 rgb(68,1,166)
```
#4e01bf
```
#4e01bf rgb(78,1,191)
```
#5901d9
```
#5901d9 rgb(89,1,217)
```
#6301f2
```
#6301f2 rgb(99,1,242)
```
#700efe
```
#700efe rgb(112,14,254)
```
#7f28fe
```
#7f28fe rgb(127,40,254)
```
#8e41fe
```
#8e41fe rgb(142,65,254)
```

Monochromatic Color

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

#2701f2
```
#2701f2 rgb(39,1,242)
```
#3b01f2
```
#3b01f2 rgb(59,1,242)
```
#4f01f2
```
#4f01f2 rgb(79,1,242)
```
#6301f2
```
#6301f2 rgb(99,1,242)
```
#7701f2
```
#7701f2 rgb(119,1,242)
```
#8b01f2
```
#8b01f2 rgb(139,1,242)
```
#9f01f2
```
#9f01f2 rgb(159,1,242)
```

Similar Colors

Text with hexadecimal color #6301f2

This text has a font color of #6301f2.

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

#6301f2 background color

This paragraph has a background color of #6301f2.

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

#6301f2 border color

This element has a border color of #6301f2.

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

CSS codes

.text {color:#6301f2;}

.background {background-color:#6301f2;}

.border {border:1px solid #6301f2;}

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

#030008
```
#030008 rgb(3,0,8)
```
#0b001b
```
#0b001b rgb(11,0,27)
```
#13002f
```
#13002f rgb(19,0,47)
```
#1b0042
```
#1b0042 rgb(27,0,66)
```
#230056
```
#230056 rgb(35,0,86)
```
#2b0069
```
#2b0069 rgb(43,0,105)
```
#33017d
```
#33017d rgb(51,1,125)
```
#3b0190
```
#3b0190 rgb(59,1,144)
```
#4301a4
```
#4301a4 rgb(67,1,164)
```
#4b01b7
```
#4b01b7 rgb(75,1,183)
```
#5301cb
```
#5301cb rgb(83,1,203)
```
#5b01de
```
#5b01de rgb(91,1,222)
```
#6301f2
```
#6301f2 rgb(99,1,242)
```

Shade Color Variation

#6c09fe
```
#6c09fe rgb(108,9,254)
```
#781cfe
```
#781cfe rgb(120,28,254)
```
#8430fe
```
#8430fe rgb(132,48,254)
```
#8f43fe
```
#8f43fe rgb(143,67,254)
```
#9b57fe
```
#9b57fe rgb(155,87,254)
```
#a76afe
```
#a76afe rgb(167,106,254)
```
#b27efe
```
#b27efe rgb(178,126,254)
```
#be91ff
```
#be91ff rgb(190,145,255)
```
#c9a5ff
```
#c9a5ff rgb(201,165,255)
```
#d5b8ff
```
#d5b8ff rgb(213,184,255)
```
#e1ccff
```
#e1ccff rgb(225,204,255)
```
#ece0ff
```
#ece0ff rgb(236,224,255)
```
#f8f3ff
```
#f8f3ff rgb(248,243,255)
```

Tint Color Variation

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

#787182
```
#787182 rgb(120,113,130)
```
#76688b
```
#76688b rgb(118,104,139)
```
#745e95
```
#745e95 rgb(116,94,149)
```
#73559e
```
#73559e rgb(115,85,158)
```
#714ca7
```
#714ca7 rgb(113,76,167)
```
#6f42b1
```
#6f42b1 rgb(111,66,177)
```
#6d39ba
```
#6d39ba rgb(109,57,186)
```
#6c30c3
```
#6c30c3 rgb(108,48,195)
```
#6a26cd
```
#6a26cd rgb(106,38,205)
```
#681dd6
```
#681dd6 rgb(104,29,214)
```
#6614df
```
#6614df rgb(102,20,223)
```
#650ae9
```
#650ae9 rgb(101,10,233)
```
#6301f2
```
#6301f2 rgb(99,1,242)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#422f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#243ac8 Protanomaly 1% of men, 0.01% of women
#243db9 Deuteranomaly 6% of men, 0.4% of women
#24419e Tritanomaly 0.01% of the population