#6306a5 hex color

In a RGB color space, hex #6306a5 is composed of 38.8% red, 2.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 96.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 275.1 degrees, a saturation of 93% and a lightness of 33.5%. #6306a5 color hex could be obtained by blending #c60cff with #00004b. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 39
- G 2
- B 65
RGB color chart
- C 40
- M 96
- Y 0
- K 35
CMYK color chart

● #6306a5 color description : Dark violet.

The hexadecimal color #6306a5 has RGB values of R:99, G:6, B:165 and CMYK values of C:0.4, M:0.96, Y:0, K:0.35. Its decimal value is 6489765.

Hex triplet	6306a5	`#6306a5`
RGB Decimal	99, 6, 165	`rgb(99,6,165)`
RGB Percent	38.8, 2.4, 64.7	`rgb(38.8%,2.4%,64.7%)`
CMYK	40, 96, 0, 35
HSL	275.1°, 93, 33.5	`hsl(275.1,93%,33.5%)`
HSV (or HSB)	275.1°, 96.4, 64.7
Web Safe	660099	`#660099`

CIE-LAB	28.113, 60.697, -62.27
XYZ	12.001, 5.5, 36.025
xyY	0.224, 0.103, 5.5
CIE-LCH	28.113, 86.958, 314.267
CIE-LUV	28.113, 14.304, -81.863
Hunter-Lab	23.451, 50.307, -74.662
Binary	01100011, 00000110, 10100101

#6306a5
```
#6306a5 rgb(99,6,165)
```
#48a506
```
#48a506 rgb(72,165,6)
```

Complementary Color

#1406a5
```
#1406a5 rgb(20,6,165)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```
#a50698
```
#a50698 rgb(165,6,152)
```

Analogous Color

#06a514
```
#06a514 rgb(6,165,20)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```
#98a506
```
#98a506 rgb(152,165,6)
```

Split Complementary Color

#06a563
```
#06a563 rgb(6,165,99)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```
#a56306
```
#a56306 rgb(165,99,6)
```

Triadic Color

#0648a5
```
#0648a5 rgb(6,72,165)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```
#a56306
```
#a56306 rgb(165,99,6)
```
#48a506
```
#48a506 rgb(72,165,6)
```

Tetradic Color

#37035b
```
#37035b rgb(55,3,91)
```
#450474
```
#450474 rgb(69,4,116)
```
#54058c
```
#54058c rgb(84,5,140)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```
#7207be
```
#7207be rgb(114,7,190)
```
#8108d6
```
#8108d6 rgb(129,8,214)
```
#8f09ef
```
#8f09ef rgb(143,9,239)
```

Monochromatic Color

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

#3b06a5
```
#3b06a5 rgb(59,6,165)
```
#4906a5
```
#4906a5 rgb(73,6,165)
```
#5606a5
```
#5606a5 rgb(86,6,165)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```
#7006a5
```
#7006a5 rgb(112,6,165)
```
#7e06a5
```
#7e06a5 rgb(126,6,165)
```
#8b06a5
```
#8b06a5 rgb(139,6,165)
```

Similar Colors

Text with hexadecimal color #6306a5

This text has a font color of #6306a5.

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

#6306a5 background color

This paragraph has a background color of #6306a5.

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

#6306a5 border color

This element has a border color of #6306a5.

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

CSS codes

.text {color:#6306a5;}

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

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

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, #08000e is the darkest color, while #fdfaff is the lightest one.

#08000e
```
#08000e rgb(8,0,14)
```
#140121
```
#140121 rgb(20,1,33)
```
#1f0233
```
#1f0233 rgb(31,2,51)
```
#2a0346
```
#2a0346 rgb(42,3,70)
```
#360359
```
#360359 rgb(54,3,89)
```
#41046c
```
#41046c rgb(65,4,108)
```
#4c057f
```
#4c057f rgb(76,5,127)
```
#580592
```
#580592 rgb(88,5,146)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```
#6e07b8
```
#6e07b8 rgb(110,7,184)
```
#7a07cb
```
#7a07cb rgb(122,7,203)
```
#8508de
```
#8508de rgb(133,8,222)
```
#9009f1
```
#9009f1 rgb(144,9,241)
```

Shade Color Variation

#9a17f7
```
#9a17f7 rgb(154,23,247)
```
#a229f7
```
#a229f7 rgb(162,41,247)
```
#aa3cf8
```
#aa3cf8 rgb(170,60,248)
```
#b24ff9
```
#b24ff9 rgb(178,79,249)
```
#bb62f9
```
#bb62f9 rgb(187,98,249)
```
#c375fa
```
#c375fa rgb(195,117,250)
```
#cb88fb
```
#cb88fb rgb(203,136,251)
```
#d39bfb
```
#d39bfb rgb(211,155,251)
```
#dcaefc
```
#dcaefc rgb(220,174,252)
```
#e4c1fd
```
#e4c1fd rgb(228,193,253)
```
#ecd4fd
```
#ecd4fd rgb(236,212,253)
```
#f4e7fe
```
#f4e7fe rgb(244,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#565556
```
#565556 rgb(86,85,86)
```
#574e5d
```
#574e5d rgb(87,78,93)
```
#584863
```
#584863 rgb(88,72,99)
```
#59416a
```
#59416a rgb(89,65,106)
```
#5a3b70
```
#5a3b70 rgb(90,59,112)
```
#5b3477
```
#5b3477 rgb(91,52,119)
```
#5c2d7e
```
#5c2d7e rgb(92,45,126)
```
#5d2784
```
#5d2784 rgb(93,39,132)
```
#5f208b
```
#5f208b rgb(95,32,139)
```
#601a91
```
#601a91 rgb(96,26,145)
```
#611398
```
#611398 rgb(97,19,152)
```
#620d9e
```
#620d9e rgb(98,13,158)
```
#6306a5
```
#6306a5 rgb(99,6,165)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3d2b4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#53494e Tritanopia 0.001% of the population

Trichromacy

#243197 Protanomaly 1% of men, 0.01% of women
#24338c Deuteranomaly 6% of men, 0.4% of women
#59306e Tritanomaly 0.01% of the population

#6306a5 hex color

#6306a5 Color Information

#6306a5 Color Conversion

Color Schemes with #6306a5

Alternatives to #6306a5

#6306a5 Preview

Shades and Tints of #6306a5

Tones of #6306a5

Color Blindness Simulator