#313ed4 hex color

In a RGB color space, hex #313ed4 is composed of 19.2% red, 24.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 70.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 235.2 degrees, a saturation of 65.5% and a lightness of 51.2%. #313ed4 color hex could be obtained by blending #627cff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 24
- B 83
RGB color chart
- C 77
- M 71
- Y 0
- K 17
CMYK color chart

● #313ed4 color description : Strong blue.

The hexadecimal color #313ed4 has RGB values of R:49, G:62, B:212 and CMYK values of C:0.77, M:0.71, Y:0, K:0.17. Its decimal value is 3227348.

Hex triplet	313ed4	`#313ed4`
RGB Decimal	49, 62, 212	`rgb(49,62,212)`
RGB Percent	19.2, 24.3, 83.1	`rgb(19.2%,24.3%,83.1%)`
CMYK	77, 71, 0, 17
HSL	235.2°, 65.5, 51.2	`hsl(235.2,65.5%,51.2%)`
HSV (or HSB)	235.2°, 76.9, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.695, 46.597, -77.711
XYZ	14.871, 8.851, 63.208
xyY	0.171, 0.102, 8.851
CIE-LCH	35.695, 90.611, 300.948
CIE-LUV	35.695, -9.963, -107.725
Hunter-Lab	29.75, 37.16, -105.145
Binary	00110001, 00111110, 11010100

#313ed4
```
#313ed4 rgb(49,62,212)
```
#d4c731
```
#d4c731 rgb(212,199,49)
```

Complementary Color

#3190d4
```
#3190d4 rgb(49,144,212)
```
#313ed4
```
#313ed4 rgb(49,62,212)
```
#7631d4
```
#7631d4 rgb(118,49,212)
```

Analogous Color

#90d431
```
#90d431 rgb(144,212,49)
```
#313ed4
```
#313ed4 rgb(49,62,212)
```
#d47631
```
#d47631 rgb(212,118,49)
```

Split Complementary Color

#3ed431
```
#3ed431 rgb(62,212,49)
```
#313ed4
```
#313ed4 rgb(49,62,212)
```
#d4313e
```
#d4313e rgb(212,49,62)
```

Triadic Color

#31d4c7
```
#31d4c7 rgb(49,212,199)
```
#313ed4
```
#313ed4 rgb(49,62,212)
```
#d4313e
```
#d4313e rgb(212,49,62)
```
#d4c731
```
#d4c731 rgb(212,199,49)
```

Tetradic Color

#202999
```
#202999 rgb(32,41,153)
```
#242fae
```
#242fae rgb(36,47,174)
```
#2935c3
```
#2935c3 rgb(41,53,195)
```
#313ed4
```
#313ed4 rgb(49,62,212)
```
#4652d8
```
#4652d8 rgb(70,82,216)
```
#5b66dd
```
#5b66dd rgb(91,102,221)
```
#7079e1
```
#7079e1 rgb(112,121,225)
```

Monochromatic Color

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

#3167d4
```
#3167d4 rgb(49,103,212)
```
#3159d4
```
#3159d4 rgb(49,89,212)
```
#314cd4
```
#314cd4 rgb(49,76,212)
```
#313ed4
```
#313ed4 rgb(49,62,212)
```
#3231d4
```
#3231d4 rgb(50,49,212)
```
#3f31d4
```
#3f31d4 rgb(63,49,212)
```
#4d31d4
```
#4d31d4 rgb(77,49,212)
```

Similar Colors

Text with hexadecimal color #313ed4

This text has a font color of #313ed4.

<span style="color:#313ed4;">Text here</span>

#313ed4 background color

This paragraph has a background color of #313ed4.

<p style="background-color:#313ed4;">Content here</p>

#313ed4 border color

This element has a border color of #313ed4.

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

CSS codes

.text {color:#313ed4;}

.background {background-color:#313ed4;}

.border {border:1px solid #313ed4;}

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

#010105
```
#010105 rgb(1,1,5)
```
#040615
```
#040615 rgb(4,6,21)
```
#080a25
```
#080a25 rgb(8,10,37)
```
#0b0f36
```
#0b0f36 rgb(11,15,54)
```
#0f1346
```
#0f1346 rgb(15,19,70)
```
#121756
```
#121756 rgb(18,23,86)
```
#151c66
```
#151c66 rgb(21,28,102)
```
#192077
```
#192077 rgb(25,32,119)
```
#1c2587
```
#1c2587 rgb(28,37,135)
```
#202997
```
#202997 rgb(32,41,151)
```
#232da7
```
#232da7 rgb(35,45,167)
```
#2632b7
```
#2632b7 rgb(38,50,183)
```
#2a36c8
```
#2a36c8 rgb(42,54,200)
```

Shade Color Variation

#313ed4
```
#313ed4 rgb(49,62,212)
```
#414dd7
```
#414dd7 rgb(65,77,215)
```
#515cdb
```
#515cdb rgb(81,92,219)
```
#626cde
```
#626cde rgb(98,108,222)
```
#727be2
```
#727be2 rgb(114,123,226)
```
#828ae5
```
#828ae5 rgb(130,138,229)
```
#9299e8
```
#9299e8 rgb(146,153,232)
```
#a3a8ec
```
#a3a8ec rgb(163,168,236)
```
#b3b8ef
```
#b3b8ef rgb(179,184,239)
```
#c3c7f2
```
#c3c7f2 rgb(195,199,242)
```
#d3d6f6
```
#d3d6f6 rgb(211,214,246)
```
#e4e5f9
```
#e4e5f9 rgb(228,229,249)
```
#f4f4fd
```
#f4f4fd rgb(244,244,253)
```

Tint Color Variation

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

#7e7e87
```
#7e7e87 rgb(126,126,135)
```
#747691
```
#747691 rgb(116,118,145)
```
#6a6e9b
```
#6a6e9b rgb(106,110,155)
```
#6166a4
```
#6166a4 rgb(97,102,164)
```
#575eae
```
#575eae rgb(87,94,174)
```
#4e56b7
```
#4e56b7 rgb(78,86,183)
```
#444ec1
```
#444ec1 rgb(68,78,193)
```
#3b46ca
```
#3b46ca rgb(59,70,202)
```
#313ed4
```
#313ed4 rgb(49,62,212)
```
#2736de
```
#2736de rgb(39,54,222)
```
#1e2ee7
```
#1e2ee7 rgb(30,46,231)
```
#1426f1
```
#1426f1 rgb(20,38,241)
```
#0b1efa
```
#0b1efa rgb(11,30,250)
```

Tone Color Variation

Below, you can see how #313ed4 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

#4b4b4b Achromatopsia 0.005% of the population
#464866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#114fbc Protanomaly 1% of men, 0.01% of women
#1153ad Deuteranomaly 6% of men, 0.4% of women
#115791 Tritanomaly 0.01% of the population

#313ed4 hex color

#313ed4 Color Information

#313ed4 Color Conversion

Color Schemes with #313ed4

Alternatives to #313ed4

#313ed4 Preview

Shades and Tints of #313ed4

Tones of #313ed4

Color Blindness Simulator