colorhexa.com

#6306f5 hex color

In a RGB color space, hex #6306f5 is composed of 38.8% red, 2.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 97.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 263.3 degrees, a saturation of 95.2% and a lightness of 49.2%. #6306f5 color hex could be obtained by blending #c60cff with #0000eb. Closest websafe color is: #6600ff.

- R 39
- G 2
- B 96
RGB color chart
- C 60
- M 98
- Y 0
- K 4
CMYK color chart

● #6306f5 color description : Vivid violet.

The hexadecimal color #6306f5 has RGB values of R:99, G:6, B:245 and CMYK values of C:0.6, M:0.98, Y:0, K:0.04. Its decimal value is 6489845.

Hex triplet	6306f5	`#6306f5`
RGB Decimal	99, 6, 245	`rgb(99,6,245)`
RGB Percent	38.8, 2.4, 96.1	`rgb(38.8%,2.4%,96.1%)`
CMYK	60, 98, 0, 4
HSL	263.3°, 95.2, 49.2	`hsl(263.3,95.2%,49.2%)`
HSV (or HSB)	263.3°, 97.6, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.696, 78.404, -94.766
XYZ	21.689, 9.375, 87.048
xyY	0.184, 0.079, 9.375
CIE-LCH	36.696, 122.995, 309.602
CIE-LUV	36.696, 3.357, -128.368
Hunter-Lab	30.618, 72.862, -147.128
Binary	01100011, 00000110, 11110101

#6306f5
```
#6306f5 rgb(99,6,245)
```
#98f506
```
#98f506 rgb(152,245,6)
```

Complementary Color

#0621f5
```
#0621f5 rgb(6,33,245)
```
#6306f5
```
#6306f5 rgb(99,6,245)
```
#db06f5
```
#db06f5 rgb(219,6,245)
```

Analogous Color

#21f506
```
#21f506 rgb(33,245,6)
```
#6306f5
```
#6306f5 rgb(99,6,245)
```
#f5db06
```
#f5db06 rgb(245,219,6)
```

Split Complementary Color

#4504aa
```
#4504aa rgb(69,4,170)
```
#4f05c3
```
#4f05c3 rgb(79,5,195)
```
#5905dc
```
#5905dc rgb(89,5,220)
```
#6306f5
```
#6306f5 rgb(99,6,245)
```
#721bf9
```
#721bf9 rgb(114,27,249)
```
#8134fa
```
#8134fa rgb(129,52,250)
```
#904dfb
```
#904dfb rgb(144,77,251)
```

Monochromatic Color

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

#2706f5
```
#2706f5 rgb(39,6,245)
```
#3b06f5
```
#3b06f5 rgb(59,6,245)
```
#4f06f5
```
#4f06f5 rgb(79,6,245)
```
#6306f5
```
#6306f5 rgb(99,6,245)
```
#7706f5
```
#7706f5 rgb(119,6,245)
```
#8b06f5
```
#8b06f5 rgb(139,6,245)
```
#9f06f5
```
#9f06f5 rgb(159,6,245)
```

Similar Colors

Text with hexadecimal color #6306f5

This text has a font color of #6306f5.

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

#6306f5 background color

This paragraph has a background color of #6306f5.

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

#6306f5 border color

This element has a border color of #6306f5.

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

CSS codes

.text {color:#6306f5;}

.background {background-color:#6306f5;}

.border {border:1px solid #6306f5;}

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, #06000f is the darkest color, while #fdfbff is the lightest one.

#06000f
```
#06000f rgb(6,0,15)
```
#0e0122
```
#0e0122 rgb(14,1,34)
```
#160136
```
#160136 rgb(22,1,54)
```
#1d0249
```
#1d0249 rgb(29,2,73)
```
#25025c
```
#25025c rgb(37,2,92)
```
#2d036f
```
#2d036f rgb(45,3,111)
```
#350382
```
#350382 rgb(53,3,130)
```
#3c0495
```
#3c0495 rgb(60,4,149)
```
#4404a8
```
#4404a8 rgb(68,4,168)
```
#4c05bc
```
#4c05bc rgb(76,5,188)
```
#5405cf
```
#5405cf rgb(84,5,207)
```
#5b06e2
```
#5b06e2 rgb(91,6,226)
```
#6306f5
```
#6306f5 rgb(99,6,245)
```

Shade Color Variation

#6e15f9
```
#6e15f9 rgb(110,21,249)
```
#7a28fa
```
#7a28fa rgb(122,40,250)
```
#863cfa
```
#863cfa rgb(134,60,250)
```
#924ffb
```
#924ffb rgb(146,79,251)
```
#9e62fb
```
#9e62fb rgb(158,98,251)
```
#a975fc
```
#a975fc rgb(169,117,252)
```
#b588fc
```
#b588fc rgb(181,136,252)
```
#c19bfd
```
#c19bfd rgb(193,155,253)
```
#cdaffd
```
#cdaffd rgb(205,175,253)
```
#d9c2fd
```
#d9c2fd rgb(217,194,253)
```
#e5d5fe
```
#e5d5fe rgb(229,213,254)
```
#f1e8fe
```
#f1e8fe rgb(241,232,254)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#7d7a81
```
#7d7a81 rgb(125,122,129)
```
#7b708b
```
#7b708b rgb(123,112,139)
```
#786794
```
#786794 rgb(120,103,148)
```
#765d9e
```
#765d9e rgb(118,93,158)
```
#7453a8
```
#7453a8 rgb(116,83,168)
```
#724ab1
```
#724ab1 rgb(114,74,177)
```
#7040bb
```
#7040bb rgb(112,64,187)
```
#6e36c5
```
#6e36c5 rgb(110,54,197)
```
#6c2dce
```
#6c2dce rgb(108,45,206)
```
#6923d8
```
#6923d8 rgb(105,35,216)
```
#6719e2
```
#6719e2 rgb(103,25,226)
```
#6510eb
```
#6510eb rgb(101,16,235)
```
#6306f5
```
#6306f5 rgb(99,6,245)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#453262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#243dcb Protanomaly 1% of men, 0.01% of women
#2440bb Deuteranomaly 6% of men, 0.4% of women
#2444a0 Tritanomaly 0.01% of the population