#6306bf hex color

In a RGB color space, hex #6306bf is composed of 38.8% red, 2.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 96.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 270.2 degrees, a saturation of 93.9% and a lightness of 38.6%. #6306bf color hex could be obtained by blending #c60cff with #00007f. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 39
- G 2
- B 75
RGB color chart
- C 48
- M 97
- Y 0
- K 25
CMYK color chart

● #6306bf color description : Strong violet.

The hexadecimal color #6306bf has RGB values of R:99, G:6, B:191 and CMYK values of C:0.48, M:0.97, Y:0, K:0.25. Its decimal value is 6489791.

Hex triplet	6306bf	`#6306bf`
RGB Decimal	99, 6, 191	`rgb(99,6,191)`
RGB Percent	38.8, 2.4, 74.9	`rgb(38.8%,2.4%,74.9%)`
CMYK	48, 97, 0, 25
HSL	270.2°, 93.9, 38.6	`hsl(270.2,93.9%,38.6%)`
HSV (or HSB)	270.2°, 96.9, 74.9
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.746, 66.365, -73.477
XYZ	14.613, 6.544, 49.781
xyY	0.206, 0.092, 6.544
CIE-LCH	30.746, 99.011, 312.089
CIE-LUV	30.746, 10.056, -97.381
Hunter-Lab	25.582, 57.195, -97.466
Binary	01100011, 00000110, 10111111

#6306bf
```
#6306bf rgb(99,6,191)
```
#62bf06
```
#62bf06 rgb(98,191,6)
```

Complementary Color

#0606bf
```
#0606bf rgb(6,6,191)
```
#6306bf
```
#6306bf rgb(99,6,191)
```
#bf06bf
```
#bf06bf rgb(191,6,191)
```

Analogous Color

#06bf06
```
#06bf06 rgb(6,191,6)
```
#6306bf
```
#6306bf rgb(99,6,191)
```
#bfbf06
```
#bfbf06 rgb(191,191,6)
```

Split Complementary Color

#06bf63
```
#06bf63 rgb(6,191,99)
```
#6306bf
```
#6306bf rgb(99,6,191)
```
#bf6306
```
#bf6306 rgb(191,99,6)
```

Triadic Color

#0662bf
```
#0662bf rgb(6,98,191)
```
#6306bf
```
#6306bf rgb(99,6,191)
```
#bf6306
```
#bf6306 rgb(191,99,6)
```
#62bf06
```
#62bf06 rgb(98,191,6)
```

Tetradic Color

#3d0475
```
#3d0475 rgb(61,4,117)
```
#49048e
```
#49048e rgb(73,4,142)
```
#5605a6
```
#5605a6 rgb(86,5,166)
```
#6306bf
```
#6306bf rgb(99,6,191)
```
#7007d8
```
#7007d8 rgb(112,7,216)
```
#7d08f0
```
#7d08f0 rgb(125,8,240)
```
#891af8
```
#891af8 rgb(137,26,248)
```

Monochromatic Color

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

#3506bf
```
#3506bf rgb(53,6,191)
```
#4406bf
```
#4406bf rgb(68,6,191)
```
#5406bf
```
#5406bf rgb(84,6,191)
```
#6306bf
```
#6306bf rgb(99,6,191)
```
#7206bf
```
#7206bf rgb(114,6,191)
```
#8206bf
```
#8206bf rgb(130,6,191)
```
#9106bf
```
#9106bf rgb(145,6,191)
```

Similar Colors

Text with hexadecimal color #6306bf

This text has a font color of #6306bf.

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

#6306bf background color

This paragraph has a background color of #6306bf.

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

#6306bf border color

This element has a border color of #6306bf.

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

CSS codes

.text {color:#6306bf;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0a0114
```
#0a0114 rgb(10,1,20)
```
#140127
```
#140127 rgb(20,1,39)
```
#1e023a
```
#1e023a rgb(30,2,58)
```
#28024d
```
#28024d rgb(40,2,77)
```
#320360
```
#320360 rgb(50,3,96)
```
#3c0473
```
#3c0473 rgb(60,4,115)
```
#450486
```
#450486 rgb(69,4,134)
```
#4f0599
```
#4f0599 rgb(79,5,153)
```
#5905ac
```
#5905ac rgb(89,5,172)
```
#6306bf
```
#6306bf rgb(99,6,191)
```
#6d07d2
```
#6d07d2 rgb(109,7,210)
```
#7707e5
```
#7707e5 rgb(119,7,229)
```

Shade Color Variation

#8109f7
```
#8109f7 rgb(129,9,247)
```
#8a1cf8
```
#8a1cf8 rgb(138,28,248)
```
#942ff8
```
#942ff8 rgb(148,47,248)
```
#9e42f9
```
#9e42f9 rgb(158,66,249)
```
#a855fa
```
#a855fa rgb(168,85,250)
```
#b168fa
```
#b168fa rgb(177,104,250)
```
#bb7bfb
```
#bb7bfb rgb(187,123,251)
```
#c58efb
```
#c58efb rgb(197,142,251)
```
#cfa1fc
```
#cfa1fc rgb(207,161,252)
```
#d8b4fd
```
#d8b4fd rgb(216,180,253)
```
#e2c7fd
```
#e2c7fd rgb(226,199,253)
```
#ecdafe
```
#ecdafe rgb(236,218,254)
```
#f6edfe
```
#f6edfe rgb(246,237,254)
```

Tint Color Variation

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

#636164
```
#636164 rgb(99,97,100)
```
#63596c
```
#63596c rgb(99,89,108)
```
#635273
```
#635273 rgb(99,82,115)
```
#634a7b
```
#634a7b rgb(99,74,123)
```
#634382
```
#634382 rgb(99,67,130)
```
#633b8a
```
#633b8a rgb(99,59,138)
```
#633392
```
#633392 rgb(99,51,146)
```
#632c99
```
#632c99 rgb(99,44,153)
```
#6324a1
```
#6324a1 rgb(99,36,161)
```
#631da8
```
#631da8 rgb(99,29,168)
```
#6315b0
```
#6315b0 rgb(99,21,176)
```
#630eb7
```
#630eb7 rgb(99,14,183)
```
#6306bf
```
#6306bf rgb(99,6,191)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#402d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005486 Deuteranopia 1% of men
#475359 Tritanopia 0.001% of the population

Trichromacy

#2434a7 Protanomaly 1% of men, 0.01% of women
#24379b Deuteranomaly 6% of men, 0.4% of women
#51377e Tritanomaly 0.01% of the population

#6306bf hex color

#6306bf Color Information

#6306bf Color Conversion

Color Schemes with #6306bf

Alternatives to #6306bf

#6306bf Preview

Shades and Tints of #6306bf

Tones of #6306bf

Color Blindness Simulator