colorhexa.com

#310af4 hex color

In a RGB color space, hex #310af4 is composed of 19.2% red, 3.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 95.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 250 degrees, a saturation of 92.1% and a lightness of 49.8%. #310af4 color hex could be obtained by blending #6214ff with #0000e9. Closest websafe color is: #3300ff.

- R 19
- G 4
- B 96
RGB color chart
- C 80
- M 96
- Y 0
- K 4
CMYK color chart

● #310af4 color description : Vivid blue.

The hexadecimal color #310af4 has RGB values of R:49, G:10, B:244 and CMYK values of C:0.8, M:0.96, Y:0, K:0.04. Its decimal value is 3214068.

Hex triplet	310af4	`#310af4`
RGB Decimal	49, 10, 244	`rgb(49,10,244)`
RGB Percent	19.2, 3.9, 95.7	`rgb(19.2%,3.9%,95.7%)`
CMYK	80, 96, 0, 4
HSL	250°, 92.1, 49.8	`hsl(250,92.1%,49.8%)`
HSV (or HSB)	250°, 95.9, 95.7
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.702, 75.612, -100.962
XYZ	17.701, 7.401, 86.079
xyY	0.159, 0.067, 7.401
CIE-LCH	32.702, 126.136, 306.83
CIE-LUV	32.702, -6.316, -125.925
Hunter-Lab	27.204, 68.54, -168.562
Binary	00110001, 00001010, 11110100

#310af4
```
#310af4 rgb(49,10,244)
```
#cdf40a
```
#cdf40a rgb(205,244,10)
```

Complementary Color

#0a58f4
```
#0a58f4 rgb(10,88,244)
```
#310af4
```
#310af4 rgb(49,10,244)
```
#a60af4
```
#a60af4 rgb(166,10,244)
```

Analogous Color

#58f40a
```
#58f40a rgb(88,244,10)
```
#310af4
```
#310af4 rgb(49,10,244)
```
#f4a60a
```
#f4a60a rgb(244,166,10)
```

Split Complementary Color

#0af431
```
#0af431 rgb(10,244,49)
```
#310af4
```
#310af4 rgb(49,10,244)
```
#f4310a
```
#f4310a rgb(244,49,10)
```

Triadic Color

#0acdf4
```
#0acdf4 rgb(10,205,244)
```
#310af4
```
#310af4 rgb(49,10,244)
```
#f4310a
```
#f4310a rgb(244,49,10)
```
#cdf40a
```
#cdf40a rgb(205,244,10)
```

Tetradic Color

#2207ab
```
#2207ab rgb(34,7,171)
```
#2708c3
```
#2708c3 rgb(39,8,195)
```
#2c09dc
```
#2c09dc rgb(44,9,220)
```
#310af4
```
#310af4 rgb(49,10,244)
```
#4522f6
```
#4522f6 rgb(69,34,246)
```
#5a3af7
```
#5a3af7 rgb(90,58,247)
```
#6e53f8
```
#6e53f8 rgb(110,83,248)
```

Monochromatic Color

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

#0a1df4
```
#0a1df4 rgb(10,29,244)
```
#0a0af4
```
#0a0af4 rgb(10,10,244)
```
#1e0af4
```
#1e0af4 rgb(30,10,244)
```
#310af4
```
#310af4 rgb(49,10,244)
```
#450af4
```
#450af4 rgb(69,10,244)
```
#580af4
```
#580af4 rgb(88,10,244)
```
#6c0af4
```
#6c0af4 rgb(108,10,244)
```

Similar Colors

Text with hexadecimal color #310af4

This text has a font color of #310af4.

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

#310af4 background color

This paragraph has a background color of #310af4.

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

#310af4 border color

This element has a border color of #310af4.

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

CSS codes

.text {color:#310af4;}

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

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

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

#040112
```
#040112 rgb(4,1,18)
```
#070225
```
#070225 rgb(7,2,37)
```
#0b0238
```
#0b0238 rgb(11,2,56)
```
#0f034a
```
#0f034a rgb(15,3,74)
```
#13045d
```
#13045d rgb(19,4,93)
```
#170570
```
#170570 rgb(23,5,112)
```
#1a0583
```
#1a0583 rgb(26,5,131)
```
#1e0696
```
#1e0696 rgb(30,6,150)
```
#2207a9
```
#2207a9 rgb(34,7,169)
```
#2608bb
```
#2608bb rgb(38,8,187)
```
#2908ce
```
#2908ce rgb(41,8,206)
```
#2d09e1
```
#2d09e1 rgb(45,9,225)
```
#310af4
```
#310af4 rgb(49,10,244)
```

Shade Color Variation

#401cf6
```
#401cf6 rgb(64,28,246)
```
#502ff6
```
#502ff6 rgb(80,47,246)
```
#6042f7
```
#6042f7 rgb(96,66,247)
```
#7054f8
```
#7054f8 rgb(112,84,248)
```
#8067f9
```
#8067f9 rgb(128,103,249)
```
#8f7afa
```
#8f7afa rgb(143,122,250)
```
#9f8dfa
```
#9f8dfa rgb(159,141,250)
```
#afa0fb
```
#afa0fb rgb(175,160,251)
```
#bfb3fc
```
#bfb3fc rgb(191,179,252)
```
#cfc6fd
```
#cfc6fd rgb(207,198,253)
```
#dfd8fd
```
#dfd8fd rgb(223,216,253)
```
#eeebfe
```
#eeebfe rgb(238,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#797589
```
#797589 rgb(121,117,137)
```
#726c92
```
#726c92 rgb(114,108,146)
```
#6c629c
```
#6c629c rgb(108,98,156)
```
#6558a6
```
#6558a6 rgb(101,88,166)
```
#5f4eb0
```
#5f4eb0 rgb(95,78,176)
```
#5845b9
```
#5845b9 rgb(88,69,185)
```
#523bc3
```
#523bc3 rgb(82,59,195)
```
#4b31cd
```
#4b31cd rgb(75,49,205)
```
#4527d7
```
#4527d7 rgb(69,39,215)
```
#3e1ee0
```
#3e1ee0 rgb(62,30,224)
```
#3814ea
```
#3814ea rgb(56,20,234)
```
#310af4
```
#310af4 rgb(49,10,244)
```
#2a00fe
```
#2a00fe rgb(42,0,254)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#1139c0 Protanomaly 1% of men, 0.01% of women
#113cb1 Deuteranomaly 6% of men, 0.4% of women
#113f97 Tritanomaly 0.01% of the population