#6316b4 hex color

In a RGB color space, hex #6316b4 is composed of 38.8% red, 8.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 87.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 269.2 degrees, a saturation of 78.2% and a lightness of 39.6%. #6316b4 color hex could be obtained by blending #c62cff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 39
- G 9
- B 71
RGB color chart
- C 45
- M 88
- Y 0
- K 29
CMYK color chart

● #6316b4 color description : Strong violet.

The hexadecimal color #6316b4 has RGB values of R:99, G:22, B:180 and CMYK values of C:0.45, M:0.88, Y:0, K:0.29. Its decimal value is 6493876.

Hex triplet	6316b4	`#6316b4`
RGB Decimal	99, 22, 180	`rgb(99,22,180)`
RGB Percent	38.8, 8.6, 70.6	`rgb(38.8%,8.6%,70.6%)`
CMYK	45, 88, 0, 29
HSL	269.2°, 78.2, 39.6	`hsl(269.2,78.2%,39.6%)`
HSV (or HSB)	269.2°, 87.8, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.692, 60.703, -67.041
XYZ	13.669, 6.522, 43.716
xyY	0.214, 0.102, 6.522
CIE-LCH	30.692, 90.439, 312.16
CIE-LUV	30.692, 10.973, -90.348
Hunter-Lab	25.538, 50.853, -83.618
Binary	01100011, 00010110, 10110100

#6316b4
```
#6316b4 rgb(99,22,180)
```
#67b416
```
#67b416 rgb(103,180,22)
```

Complementary Color

#1618b4
```
#1618b4 rgb(22,24,180)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#b216b4
```
#b216b4 rgb(178,22,180)
```

Analogous Color

#18b416
```
#18b416 rgb(24,180,22)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#b4b216
```
#b4b216 rgb(180,178,22)
```

Split Complementary Color

#16b463
```
#16b463 rgb(22,180,99)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#b46316
```
#b46316 rgb(180,99,22)
```

Triadic Color

#1667b4
```
#1667b4 rgb(22,103,180)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#b46316
```
#b46316 rgb(180,99,22)
```
#67b416
```
#67b416 rgb(103,180,22)
```

Tetradic Color

#3e0e70
```
#3e0e70 rgb(62,14,112)
```
#4a1087
```
#4a1087 rgb(74,16,135)
```
#57139d
```
#57139d rgb(87,19,157)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#6f19cb
```
#6f19cb rgb(111,25,203)
```
#7c1ce1
```
#7c1ce1 rgb(124,28,225)
```
#8931e6
```
#8931e6 rgb(137,49,230)
```

Monochromatic Color

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

#3c16b4
```
#3c16b4 rgb(60,22,180)
```
#4916b4
```
#4916b4 rgb(73,22,180)
```
#5616b4
```
#5616b4 rgb(86,22,180)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#7016b4
```
#7016b4 rgb(112,22,180)
```
#7d16b4
```
#7d16b4 rgb(125,22,180)
```
#8b16b4
```
#8b16b4 rgb(139,22,180)
```

Similar Colors

Text with hexadecimal color #6316b4

This text has a font color of #6316b4.

<span style="color:#6316b4;">Text here</span>

#6316b4 background color

This paragraph has a background color of #6316b4.

<p style="background-color:#6316b4;">Content here</p>

#6316b4 border color

This element has a border color of #6316b4.

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

CSS codes

.text {color:#6316b4;}

.background {background-color:#6316b4;}

.border {border:1px solid #6316b4;}

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

#030105
```
#030105 rgb(3,1,5)
```
#0c0317
```
#0c0317 rgb(12,3,23)
```
#160528
```
#160528 rgb(22,5,40)
```
#20073a
```
#20073a rgb(32,7,58)
```
#29094b
```
#29094b rgb(41,9,75)
```
#330b5d
```
#330b5d rgb(51,11,93)
```
#3d0d6e
```
#3d0d6e rgb(61,13,110)
```
#461080
```
#461080 rgb(70,16,128)
```
#501291
```
#501291 rgb(80,18,145)
```
#5914a3
```
#5914a3 rgb(89,20,163)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#6d18c5
```
#6d18c5 rgb(109,24,197)
```
#761ad7
```
#761ad7 rgb(118,26,215)
```

Shade Color Variation

#8021e4
```
#8021e4 rgb(128,33,228)
```
#8a32e6
```
#8a32e6 rgb(138,50,230)
```
#9444e8
```
#9444e8 rgb(148,68,232)
```
#9e55ea
```
#9e55ea rgb(158,85,234)
```
#a867ec
```
#a867ec rgb(168,103,236)
```
#b278ef
```
#b278ef rgb(178,120,239)
```
#bc8af1
```
#bc8af1 rgb(188,138,241)
```
#c69bf3
```
#c69bf3 rgb(198,155,243)
```
#d0adf5
```
#d0adf5 rgb(208,173,245)
```
#dabef7
```
#dabef7 rgb(218,190,247)
```
#e4d0f9
```
#e4d0f9 rgb(228,208,249)
```
#eee1fb
```
#eee1fb rgb(238,225,251)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

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

#656466
```
#656466 rgb(101,100,102)
```
#655c6e
```
#655c6e rgb(101,92,110)
```
#655476
```
#655476 rgb(101,84,118)
```
#644c7e
```
#644c7e rgb(100,76,126)
```
#644585
```
#644585 rgb(100,69,133)
```
#643d8d
```
#643d8d rgb(100,61,141)
```
#643595
```
#643595 rgb(100,53,149)
```
#642d9d
```
#642d9d rgb(100,45,157)
```
#6326a4
```
#6326a4 rgb(99,38,164)
```
#631eac
```
#631eac rgb(99,30,172)
```
#6316b4
```
#6316b4 rgb(99,22,180)
```
#630ebc
```
#630ebc rgb(99,14,188)
```
#6306c4
```
#6306c4 rgb(99,6,196)
```

Tone Color Variation

Below, you can see how #6316b4 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

#3f3f3f Achromatopsia 0.005% of the population
#463756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005386 Deuteranopia 1% of men
#4d5258 Tritanopia 0.001% of the population

Trichromacy

#243aa3 Protanomaly 1% of men, 0.01% of women
#243d97 Deuteranomaly 6% of men, 0.4% of women
#553c79 Tritanomaly 0.01% of the population

#6316b4 hex color

#6316b4 Color Information

#6316b4 Color Conversion

Color Schemes with #6316b4

Alternatives to #6316b4

#6316b4 Preview

Shades and Tints of #6316b4

Tones of #6316b4

Color Blindness Simulator