colorhexa.com

#6306a2 hex color

In a RGB color space, hex #6306a2 is composed of 38.8% red, 2.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 96.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 275.8 degrees, a saturation of 92.9% and a lightness of 32.9%. #6306a2 color hex could be obtained by blending #c60cff with #000045. Closest websafe color is: #660099.

- R 39
- G 2
- B 64
RGB color chart
- C 39
- M 96
- Y 0
- K 36
CMYK color chart

● #6306a2 color description : Dark violet.

The hexadecimal color #6306a2 has RGB values of R:99, G:6, B:162 and CMYK values of C:0.39, M:0.96, Y:0, K:0.36. Its decimal value is 6489762.

Hex triplet	6306a2	`#6306a2`
RGB Decimal	99, 6, 162	`rgb(99,6,162)`
RGB Percent	38.8, 2.4, 63.5	`rgb(38.8%,2.4%,63.5%)`
CMYK	39, 96, 0, 36
HSL	275.8°, 92.9, 32.9	`hsl(275.8,92.9%,32.9%)`
HSV (or HSB)	275.8°, 96.3, 63.5
Web Safe	660099	`#660099`

CIE-LAB	27.823, 60.055, -60.927
XYZ	11.731, 5.392, 34.603
xyY	0.227, 0.104, 5.392
CIE-LCH	27.823, 85.55, 314.587
CIE-LUV	27.823, 14.854, -80.037
Hunter-Lab	23.22, 49.547, -72.101
Binary	01100011, 00000110, 10100010

#6306a2
```
#6306a2 rgb(99,6,162)
```
#45a206
```
#45a206 rgb(69,162,6)
```

Complementary Color

#1506a2
```
#1506a2 rgb(21,6,162)
```
#6306a2
```
#6306a2 rgb(99,6,162)
```
#a20693
```
#a20693 rgb(162,6,147)
```

Analogous Color

#06a215
```
#06a215 rgb(6,162,21)
```
#6306a2
```
#6306a2 rgb(99,6,162)
```
#93a206
```
#93a206 rgb(147,162,6)
```

Split Complementary Color

#360358
```
#360358 rgb(54,3,88)
```
#450471
```
#450471 rgb(69,4,113)
```
#540589
```
#540589 rgb(84,5,137)
```
#6306a2
```
#6306a2 rgb(99,6,162)
```
#7207bb
```
#7207bb rgb(114,7,187)
```
#8108d3
```
#8108d3 rgb(129,8,211)
```
#9009ec
```
#9009ec rgb(144,9,236)
```

Monochromatic Color

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

#3c06a2
```
#3c06a2 rgb(60,6,162)
```
#4906a2
```
#4906a2 rgb(73,6,162)
```
#5606a2
```
#5606a2 rgb(86,6,162)
```
#6306a2
```
#6306a2 rgb(99,6,162)
```
#7006a2
```
#7006a2 rgb(112,6,162)
```
#7d06a2
```
#7d06a2 rgb(125,6,162)
```
#8a06a2
```
#8a06a2 rgb(138,6,162)
```

Similar Colors

Text with hexadecimal color #6306a2

This text has a font color of #6306a2.

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

#6306a2 background color

This paragraph has a background color of #6306a2.

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

#6306a2 border color

This element has a border color of #6306a2.

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

CSS codes

.text {color:#6306a2;}

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

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

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

#07000b
```
#07000b rgb(7,0,11)
```
#12011e
```
#12011e rgb(18,1,30)
```
#1e0231
```
#1e0231 rgb(30,2,49)
```
#290243
```
#290243 rgb(41,2,67)
```
#350356
```
#350356 rgb(53,3,86)
```
#400469
```
#400469 rgb(64,4,105)
```
#4c057c
```
#4c057c rgb(76,5,124)
```
#57058f
```
#57058f rgb(87,5,143)
```
#6306a2
```
#6306a2 rgb(99,6,162)
```
#6f07b5
```
#6f07b5 rgb(111,7,181)
```
#7a07c8
```
#7a07c8 rgb(122,7,200)
```
#8608db
```
#8608db rgb(134,8,219)
```
#9109ee
```
#9109ee rgb(145,9,238)
```

Shade Color Variation

#9b14f6
```
#9b14f6 rgb(155,20,246)
```
#a327f7
```
#a327f7 rgb(163,39,247)
```
#ab3af8
```
#ab3af8 rgb(171,58,248)
```
#b34df8
```
#b34df8 rgb(179,77,248)
```
#bb5ff9
```
#bb5ff9 rgb(187,95,249)
```
#c372fa
```
#c372fa rgb(195,114,250)
```
#cb85fa
```
#cb85fa rgb(203,133,250)
```
#d398fb
```
#d398fb rgb(211,152,251)
```
#dbabfc
```
#dbabfc rgb(219,171,252)
```
#e3befd
```
#e3befd rgb(227,190,253)
```
#ebd1fd
```
#ebd1fd rgb(235,209,253)
```
#f3e4fe
```
#f3e4fe rgb(243,228,254)
```
#fbf7ff
```
#fbf7ff rgb(251,247,255)
```

Tint Color Variation

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

#545454
```
#545454 rgb(84,84,84)
```
#554d5b
```
#554d5b rgb(85,77,91)
```
#574761
```
#574761 rgb(87,71,97)
```
#584068
```
#584068 rgb(88,64,104)
```
#593a6e
```
#593a6e rgb(89,58,110)
```
#5a3375
```
#5a3375 rgb(90,51,117)
```
#5c2d7b
```
#5c2d7b rgb(92,45,123)
```
#5d2682
```
#5d2682 rgb(93,38,130)
```
#5e2088
```
#5e2088 rgb(94,32,136)
```
#5f198f
```
#5f198f rgb(95,25,143)
```
#611395
```
#611395 rgb(97,19,149)
```
#620c9c
```
#620c9c rgb(98,12,156)
```
#6306a2
```
#6306a2 rgb(99,6,162)
```

Tone Color Variation

Below, you can see how #6306a2 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
#3d2b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7c Deuteranopia 1% of men
#54484d Tritanopia 0.001% of the population

Trichromacy

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