#310ade hex color

In a RGB color space, hex #310ade is composed of 19.2% red, 3.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 95.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 251 degrees, a saturation of 91.4% and a lightness of 45.5%. #310ade color hex could be obtained by blending #6214ff with #0000bd. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 4
- B 87
RGB color chart
- C 78
- M 95
- Y 0
- K 13
CMYK color chart

● #310ade color description : Vivid blue.

The hexadecimal color #310ade has RGB values of R:49, G:10, B:222 and CMYK values of C:0.78, M:0.95, Y:0, K:0.13. Its decimal value is 3214046.

Hex triplet	310ade	`#310ade`
RGB Decimal	49, 10, 222	`rgb(49,10,222)`
RGB Percent	19.2, 3.9, 87.1	`rgb(19.2%,3.9%,87.1%)`
CMYK	78, 95, 0, 13
HSL	251°, 91.4, 45.5	`hsl(251,91.4%,45.5%)`
HSV (or HSB)	251°, 95.5, 87.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.771, 70.23, -93.305
XYZ	14.557, 6.143, 69.522
xyY	0.161, 0.068, 6.143
CIE-LCH	29.771, 116.782, 306.969
CIE-LUV	29.771, -5.086, -113.384
Hunter-Lab	24.785, 61.466, -148.957
Binary	00110001, 00001010, 11011110

#310ade
```
#310ade rgb(49,10,222)
```
#b7de0a
```
#b7de0a rgb(183,222,10)
```

Complementary Color

#0a4dde
```
#0a4dde rgb(10,77,222)
```
#310ade
```
#310ade rgb(49,10,222)
```
#9b0ade
```
#9b0ade rgb(155,10,222)
```

Analogous Color

#4dde0a
```
#4dde0a rgb(77,222,10)
```
#310ade
```
#310ade rgb(49,10,222)
```
#de9b0a
```
#de9b0a rgb(222,155,10)
```

Split Complementary Color

#0ade31
```
#0ade31 rgb(10,222,49)
```
#310ade
```
#310ade rgb(49,10,222)
```
#de310a
```
#de310a rgb(222,49,10)
```

Triadic Color

#0ab7de
```
#0ab7de rgb(10,183,222)
```
#310ade
```
#310ade rgb(49,10,222)
```
#de310a
```
#de310a rgb(222,49,10)
```
#b7de0a
```
#b7de0a rgb(183,222,10)
```

Tetradic Color

#210795
```
#210795 rgb(33,7,149)
```
#2608ad
```
#2608ad rgb(38,8,173)
```
#2c09c6
```
#2c09c6 rgb(44,9,198)
```
#310ade
```
#310ade rgb(49,10,222)
```
#380df4
```
#380df4 rgb(56,13,244)
```
#4c26f5
```
#4c26f5 rgb(76,38,245)
```
#603ef6
```
#603ef6 rgb(96,62,246)
```

Monochromatic Color

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

#0a18de
```
#0a18de rgb(10,24,222)
```
#0e0ade
```
#0e0ade rgb(14,10,222)
```
#1f0ade
```
#1f0ade rgb(31,10,222)
```
#310ade
```
#310ade rgb(49,10,222)
```
#430ade
```
#430ade rgb(67,10,222)
```
#540ade
```
#540ade rgb(84,10,222)
```
#660ade
```
#660ade rgb(102,10,222)
```

Similar Colors

Text with hexadecimal color #310ade

This text has a font color of #310ade.

<span style="color:#310ade;">Text here</span>

#310ade background color

This paragraph has a background color of #310ade.

<p style="background-color:#310ade;">Content here</p>

#310ade border color

This element has a border color of #310ade.

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

CSS codes

.text {color:#310ade;}

.background {background-color:#310ade;}

.border {border:1px solid #310ade;}

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

#030110
```
#030110 rgb(3,1,16)
```
#080222
```
#080222 rgb(8,2,34)
```
#0c0235
```
#0c0235 rgb(12,2,53)
```
#100348
```
#100348 rgb(16,3,72)
```
#14045b
```
#14045b rgb(20,4,91)
```
#18056d
```
#18056d rgb(24,5,109)
```
#1c0680
```
#1c0680 rgb(28,6,128)
```
#200793
```
#200793 rgb(32,7,147)
```
#2507a6
```
#2507a6 rgb(37,7,166)
```
#2908b8
```
#2908b8 rgb(41,8,184)
```
#2d09cb
```
#2d09cb rgb(45,9,203)
```
#310ade
```
#310ade rgb(49,10,222)
```
#350bf1
```
#350bf1 rgb(53,11,241)
```

Shade Color Variation

#431bf5
```
#431bf5 rgb(67,27,245)
```
#522df6
```
#522df6 rgb(82,45,246)
```
#6240f6
```
#6240f6 rgb(98,64,246)
```
#7153f7
```
#7153f7 rgb(113,83,247)
```
#8166f8
```
#8166f8 rgb(129,102,248)
```
#9078f9
```
#9078f9 rgb(144,120,249)
```
#9f8bfa
```
#9f8bfa rgb(159,139,250)
```
#af9efb
```
#af9efb rgb(175,158,251)
```
#beb1fb
```
#beb1fb rgb(190,177,251)
```
#cec3fc
```
#cec3fc rgb(206,195,252)
```
#ddd6fd
```
#ddd6fd rgb(221,214,253)
```
#ede9fe
```
#ede9fe rgb(237,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6c7c is the less saturated color, while #2b01e7 is the most saturated one.

#6f6c7c
```
#6f6c7c rgb(111,108,124)
```
#696385
```
#696385 rgb(105,99,133)
```
#645a8e
```
#645a8e rgb(100,90,142)
```
#5e5197
```
#5e5197 rgb(94,81,151)
```
#5848a0
```
#5848a0 rgb(88,72,160)
```
#5340a8
```
#5340a8 rgb(83,64,168)
```
#4d37b1
```
#4d37b1 rgb(77,55,177)
```
#482eba
```
#482eba rgb(72,46,186)
```
#4225c3
```
#4225c3 rgb(66,37,195)
```
#3c1ccc
```
#3c1ccc rgb(60,28,204)
```
#3713d5
```
#3713d5 rgb(55,19,213)
```
#310ade
```
#310ade rgb(49,10,222)
```
#2b01e7
```
#2b01e7 rgb(43,1,231)
```

Tone Color Variation

Below, you can see how #310ade 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

#2e2e2e Achromatopsia 0.005% of the population
#2f2751 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#1135b0 Protanomaly 1% of men, 0.01% of women
#1137a3 Deuteranomaly 6% of men, 0.4% of women
#113b8a Tritanomaly 0.01% of the population

#310ade hex color

#310ade Color Information

#310ade Color Conversion

Color Schemes with #310ade

Alternatives to #310ade

#310ade Preview

Shades and Tints of #310ade

Tones of #310ade

Color Blindness Simulator