#6306e1 hex color

In a RGB color space, hex #6306e1 is composed of 38.8% red, 2.4% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 97.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 265.5 degrees, a saturation of 94.8% and a lightness of 45.3%. #6306e1 color hex could be obtained by blending #c60cff with #0000c3. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 39
- G 2
- B 88
RGB color chart
- C 56
- M 97
- Y 0
- K 12
CMYK color chart

● #6306e1 color description : Vivid violet.

The hexadecimal color #6306e1 has RGB values of R:99, G:6, B:225 and CMYK values of C:0.56, M:0.97, Y:0, K:0.12. Its decimal value is 6489825.

Hex triplet	6306e1	`#6306e1`
RGB Decimal	99, 6, 225	`rgb(99,6,225)`
RGB Percent	38.8, 2.4, 88.2	`rgb(38.8%,2.4%,88.2%)`
CMYK	56, 97, 0, 12
HSL	265.5°, 94.8, 45.3	`hsl(265.5,94.8%,45.3%)`
HSV (or HSB)	265.5°, 97.3, 88.2
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.434, 73.929, -87.146
XYZ	18.799, 8.219, 71.826
xyY	0.19, 0.083, 8.219
CIE-LCH	34.434, 114.28, 310.309
CIE-LUV	34.434, 5.579, -117.044
Hunter-Lab	28.668, 66.879, -128.478
Binary	01100011, 00000110, 11100001

#6306e1
```
#6306e1 rgb(99,6,225)
```
#84e106
```
#84e106 rgb(132,225,6)
```

Complementary Color

#0616e1
```
#0616e1 rgb(6,22,225)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```
#d106e1
```
#d106e1 rgb(209,6,225)
```

Analogous Color

#17e106
```
#17e106 rgb(23,225,6)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```
#e1d106
```
#e1d106 rgb(225,209,6)
```

Split Complementary Color

#06e163
```
#06e163 rgb(6,225,99)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```
#e16306
```
#e16306 rgb(225,99,6)
```

Triadic Color

#0684e1
```
#0684e1 rgb(6,132,225)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```
#e16306
```
#e16306 rgb(225,99,6)
```
#84e106
```
#84e106 rgb(132,225,6)
```

Tetradic Color

#420496
```
#420496 rgb(66,4,150)
```
#4d05af
```
#4d05af rgb(77,5,175)
```
#5805c8
```
#5805c8 rgb(88,5,200)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```
#6e08f8
```
#6e08f8 rgb(110,8,248)
```
#7d21f9
```
#7d21f9 rgb(125,33,249)
```
#8b3afa
```
#8b3afa rgb(139,58,250)
```

Monochromatic Color

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

#2c06e1
```
#2c06e1 rgb(44,6,225)
```
#3f06e1
```
#3f06e1 rgb(63,6,225)
```
#5106e1
```
#5106e1 rgb(81,6,225)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```
#7506e1
```
#7506e1 rgb(117,6,225)
```
#8806e1
```
#8806e1 rgb(136,6,225)
```
#9a06e1
```
#9a06e1 rgb(154,6,225)
```

Similar Colors

Text with hexadecimal color #6306e1

This text has a font color of #6306e1.

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

#6306e1 background color

This paragraph has a background color of #6306e1.

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

#6306e1 border color

This element has a border color of #6306e1.

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

CSS codes

.text {color:#6306e1;}

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

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

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

#07000f
```
#07000f rgb(7,0,15)
```
#0f0122
```
#0f0122 rgb(15,1,34)
```
#170135
```
#170135 rgb(23,1,53)
```
#200248
```
#200248 rgb(32,2,72)
```
#28025b
```
#28025b rgb(40,2,91)
```
#31036e
```
#31036e rgb(49,3,110)
```
#390381
```
#390381 rgb(57,3,129)
```
#410495
```
#410495 rgb(65,4,149)
```
#4a04a8
```
#4a04a8 rgb(74,4,168)
```
#5205bb
```
#5205bb rgb(82,5,187)
```
#5b05ce
```
#5b05ce rgb(91,5,206)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```
#6b07f4
```
#6b07f4 rgb(107,7,244)
```

Shade Color Variation

#7615f9
```
#7615f9 rgb(118,21,249)
```
#8129f9
```
#8129f9 rgb(129,41,249)
```
#8c3cfa
```
#8c3cfa rgb(140,60,250)
```
#984ffa
```
#984ffa rgb(152,79,250)
```
#a362fb
```
#a362fb rgb(163,98,251)
```
#ae75fb
```
#ae75fb rgb(174,117,251)
```
#b988fc
```
#b988fc rgb(185,136,252)
```
#c49bfc
```
#c49bfc rgb(196,155,252)
```
#d0aefd
```
#d0aefd rgb(208,174,253)
```
#dbc1fd
```
#dbc1fd rgb(219,193,253)
```
#e6d5fe
```
#e6d5fe rgb(230,213,254)
```
#f1e8fe
```
#f1e8fe rgb(241,232,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#737176
```
#737176 rgb(115,113,118)
```
#72687f
```
#72687f rgb(114,104,127)
```
#705f88
```
#705f88 rgb(112,95,136)
```
#6f5691
```
#6f5691 rgb(111,86,145)
```
#6e4d9a
```
#6e4d9a rgb(110,77,154)
```
#6c44a3
```
#6c44a3 rgb(108,68,163)
```
#6b3bac
```
#6b3bac rgb(107,59,172)
```
#6a32b5
```
#6a32b5 rgb(106,50,181)
```
#682abd
```
#682abd rgb(104,42,189)
```
#6721c6
```
#6721c6 rgb(103,33,198)
```
#6618cf
```
#6618cf rgb(102,24,207)
```
#640fd8
```
#640fd8 rgb(100,15,216)
```
#6306e1
```
#6306e1 rgb(99,6,225)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#43305c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#296168 Tritanopia 0.001% of the population

Trichromacy

#2439bd Protanomaly 1% of men, 0.01% of women
#243daf Deuteranomaly 6% of men, 0.4% of women
#3e4094 Tritanomaly 0.01% of the population

#6306e1 hex color

#6306e1 Color Information

#6306e1 Color Conversion

Color Schemes with #6306e1

Alternatives to #6306e1

#6306e1 Preview

Shades and Tints of #6306e1

Tones of #6306e1

Color Blindness Simulator