#310af7 hex color

In a RGB color space, hex #310af7 is composed of 19.2% red, 3.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 96% magenta, 0% yellow and 3.1% black. It has a hue angle of 249.9 degrees, a saturation of 93.7% and a lightness of 50.4%. #310af7 color hex could be obtained by blending #6214ff with #0000ef. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 4
- B 97
RGB color chart
- C 80
- M 96
- Y 0
- K 3
CMYK color chart

● #310af7 color description : Vivid blue.

The hexadecimal color #310af7 has RGB values of R:49, G:10, B:247 and CMYK values of C:0.8, M:0.96, Y:0, K:0.03. Its decimal value is 3214071.

Hex triplet	310af7	`#310af7`
RGB Decimal	49, 10, 247	`rgb(49,10,247)`
RGB Percent	19.2, 3.9, 96.9	`rgb(19.2%,3.9%,96.9%)`
CMYK	80, 96, 0, 3
HSL	249.9°, 93.7, 50.4	`hsl(249.9,93.7%,50.4%)`
HSV (or HSB)	249.9°, 96, 96.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.102, 76.337, -101.989
XYZ	18.16, 7.584, 88.497
xyY	0.159, 0.066, 7.584
CIE-LCH	33.102, 127.393, 306.814
CIE-LUV	33.102, -6.479, -127.625
Hunter-Lab	27.54, 69.514, -171.249
Binary	00110001, 00001010, 11110111

#310af7
```
#310af7 rgb(49,10,247)
```
#d0f70a
```
#d0f70a rgb(208,247,10)
```

Complementary Color

#0a5af7
```
#0a5af7 rgb(10,90,247)
```
#310af7
```
#310af7 rgb(49,10,247)
```
#a80af7
```
#a80af7 rgb(168,10,247)
```

Analogous Color

#5af70a
```
#5af70a rgb(90,247,10)
```
#310af7
```
#310af7 rgb(49,10,247)
```
#f7a80a
```
#f7a80a rgb(247,168,10)
```

Split Complementary Color

#0af731
```
#0af731 rgb(10,247,49)
```
#310af7
```
#310af7 rgb(49,10,247)
```
#f7310a
```
#f7310a rgb(247,49,10)
```

Triadic Color

#0ad0f7
```
#0ad0f7 rgb(10,208,247)
```
#310af7
```
#310af7 rgb(49,10,247)
```
#f7310a
```
#f7310a rgb(247,49,10)
```
#d0f70a
```
#d0f70a rgb(208,247,10)
```

Tetradic Color

#2206af
```
#2206af rgb(34,6,175)
```
#2607c7
```
#2607c7 rgb(38,7,199)
```
#2b07e0
```
#2b07e0 rgb(43,7,224)
```
#310af7
```
#310af7 rgb(49,10,247)
```
#4623f8
```
#4623f8 rgb(70,35,248)
```
#5b3bf9
```
#5b3bf9 rgb(91,59,249)
```
#6f54f9
```
#6f54f9 rgb(111,84,249)
```

Monochromatic Color

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

#0a1ef7
```
#0a1ef7 rgb(10,30,247)
```
#0a0bf7
```
#0a0bf7 rgb(10,11,247)
```
#1d0af7
```
#1d0af7 rgb(29,10,247)
```
#310af7
```
#310af7 rgb(49,10,247)
```
#450af7
```
#450af7 rgb(69,10,247)
```
#590af7
```
#590af7 rgb(89,10,247)
```
#6c0af7
```
#6c0af7 rgb(108,10,247)
```

Similar Colors

Text with hexadecimal color #310af7

This text has a font color of #310af7.

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

#310af7 background color

This paragraph has a background color of #310af7.

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

#310af7 border color

This element has a border color of #310af7.

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

CSS codes

.text {color:#310af7;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040115
```
#040115 rgb(4,1,21)
```
#080128
```
#080128 rgb(8,1,40)
```
#0b023b
```
#0b023b rgb(11,2,59)
```
#0f034e
```
#0f034e rgb(15,3,78)
```
#130361
```
#130361 rgb(19,3,97)
```
#160474
```
#160474 rgb(22,4,116)
```
#1a0487
```
#1a0487 rgb(26,4,135)
```
#1e059a
```
#1e059a rgb(30,5,154)
```
#2106ad
```
#2106ad rgb(33,6,173)
```
#2506c0
```
#2506c0 rgb(37,6,192)
```
#2807d3
```
#2807d3 rgb(40,7,211)
```
#2c08e6
```
#2c08e6 rgb(44,8,230)
```

Shade Color Variation

#310af7
```
#310af7 rgb(49,10,247)
```
#411df8
```
#411df8 rgb(65,29,248)
```
#5130f8
```
#5130f8 rgb(81,48,248)
```
#6143f9
```
#6143f9 rgb(97,67,249)
```
#7156f9
```
#7156f9 rgb(113,86,249)
```
#8169fa
```
#8169fa rgb(129,105,250)
```
#917cfb
```
#917cfb rgb(145,124,251)
```
#a18ffb
```
#a18ffb rgb(161,143,251)
```
#b1a2fc
```
#b1a2fc rgb(177,162,252)
```
#c1b5fd
```
#c1b5fd rgb(193,181,253)
```
#d1c8fd
```
#d1c8fd rgb(209,200,253)
```
#e1dbfe
```
#e1dbfe rgb(225,219,254)
```
#f1eefe
```
#f1eefe rgb(241,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7f82 is the less saturated color, while #310af7 is the most saturated one.

#7f7f82
```
#7f7f82 rgb(127,127,130)
```
#79758c
```
#79758c rgb(121,117,140)
```
#726b96
```
#726b96 rgb(114,107,150)
```
#6c629f
```
#6c629f rgb(108,98,159)
```
#6558a9
```
#6558a9 rgb(101,88,169)
```
#5f4eb3
```
#5f4eb3 rgb(95,78,179)
```
#5844bd
```
#5844bd rgb(88,68,189)
```
#523bc6
```
#523bc6 rgb(82,59,198)
```
#4b31d0
```
#4b31d0 rgb(75,49,208)
```
#4527da
```
#4527da rgb(69,39,218)
```
#3e1de4
```
#3e1de4 rgb(62,29,228)
```
#3814ed
```
#3814ed rgb(56,20,237)
```
#310af7
```
#310af7 rgb(49,10,247)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312959 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#1139c2 Protanomaly 1% of men, 0.01% of women
#113cb3 Deuteranomaly 6% of men, 0.4% of women
#114099 Tritanomaly 0.01% of the population

#310af7 hex color

#310af7 Color Information

#310af7 Color Conversion

Color Schemes with #310af7

Alternatives to #310af7

#310af7 Preview

Shades and Tints of #310af7

Tones of #310af7

Color Blindness Simulator