#313ec2 hex color

In a RGB color space, hex #313ec2 is composed of 19.2% red, 24.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 68% magenta, 0% yellow and 23.9% black. It has a hue angle of 234.6 degrees, a saturation of 59.7% and a lightness of 47.6%. #313ec2 color hex could be obtained by blending #627cff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 24
- B 76
RGB color chart
- C 75
- M 68
- Y 0
- K 24
CMYK color chart

● #313ec2 color description : Moderate blue.

The hexadecimal color #313ec2 has RGB values of R:49, G:62, B:194 and CMYK values of C:0.75, M:0.68, Y:0, K:0.24. Its decimal value is 3227330.

Hex triplet	313ec2	`#313ec2`
RGB Decimal	49, 62, 194	`rgb(49,62,194)`
RGB Percent	19.2, 24.3, 76.1	`rgb(19.2%,24.3%,76.1%)`
CMYK	75, 68, 0, 24
HSL	234.6°, 59.7, 47.6	`hsl(234.6,59.7%,47.6%)`
HSV (or HSB)	234.6°, 74.7, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.967, 40.409, -70.088
XYZ	12.725, 7.992, 51.908
xyY	0.175, 0.11, 7.992
CIE-LCH	33.967, 80.903, 299.966
CIE-LUV	33.967, -9.41, -96.644
Hunter-Lab	28.271, 30.87, -89.072
Binary	00110001, 00111110, 11000010

#313ec2
```
#313ec2 rgb(49,62,194)
```
#c2b531
```
#c2b531 rgb(194,181,49)
```

Complementary Color

#3187c2
```
#3187c2 rgb(49,135,194)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#6d31c2
```
#6d31c2 rgb(109,49,194)
```

Analogous Color

#87c231
```
#87c231 rgb(135,194,49)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#c26d31
```
#c26d31 rgb(194,109,49)
```

Split Complementary Color

#3ec231
```
#3ec231 rgb(62,194,49)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#c2313e
```
#c2313e rgb(194,49,62)
```

Triadic Color

#31c2b5
```
#31c2b5 rgb(49,194,181)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#c2313e
```
#c2313e rgb(194,49,62)
```
#c2b531
```
#c2b531 rgb(194,181,49)
```

Tetradic Color

#222a85
```
#222a85 rgb(34,42,133)
```
#273199
```
#273199 rgb(39,49,153)
```
#2c37ae
```
#2c37ae rgb(44,55,174)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#3e4bce
```
#3e4bce rgb(62,75,206)
```
#535ed3
```
#535ed3 rgb(83,94,211)
```
#6771d9
```
#6771d9 rgb(103,113,217)
```

Monochromatic Color

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

#3162c2
```
#3162c2 rgb(49,98,194)
```
#3156c2
```
#3156c2 rgb(49,86,194)
```
#314ac2
```
#314ac2 rgb(49,74,194)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#3132c2
```
#3132c2 rgb(49,50,194)
```
#3c31c2
```
#3c31c2 rgb(60,49,194)
```
#4831c2
```
#4831c2 rgb(72,49,194)
```

Similar Colors

Text with hexadecimal color #313ec2

This text has a font color of #313ec2.

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

#313ec2 background color

This paragraph has a background color of #313ec2.

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

#313ec2 border color

This element has a border color of #313ec2.

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

CSS codes

.text {color:#313ec2;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#050716
```
#050716 rgb(5,7,22)
```
#090c25
```
#090c25 rgb(9,12,37)
```
#0d1135
```
#0d1135 rgb(13,17,53)
```
#111645
```
#111645 rgb(17,22,69)
```
#151b54
```
#151b54 rgb(21,27,84)
```
#192064
```
#192064 rgb(25,32,100)
```
#1d2574
```
#1d2574 rgb(29,37,116)
```
#212a83
```
#212a83 rgb(33,42,131)
```
#252f93
```
#252f93 rgb(37,47,147)
```
#2934a3
```
#2934a3 rgb(41,52,163)
```
#2d39b2
```
#2d39b2 rgb(45,57,178)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```

Shade Color Variation

#3947cd
```
#3947cd rgb(57,71,205)
```
#4955d1
```
#4955d1 rgb(73,85,209)
```
#5964d5
```
#5964d5 rgb(89,100,213)
```
#6873d9
```
#6873d9 rgb(104,115,217)
```
#7881dd
```
#7881dd rgb(120,129,221)
```
#8890e1
```
#8890e1 rgb(136,144,225)
```
#979ee5
```
#979ee5 rgb(151,158,229)
```
#a7ade9
```
#a7ade9 rgb(167,173,233)
```
#b7bced
```
#b7bced rgb(183,188,237)
```
#c6caf1
```
#c6caf1 rgb(198,202,241)
```
#d6d9f5
```
#d6d9f5 rgb(214,217,245)
```
#e6e7f9
```
#e6e7f9 rgb(230,231,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#727481
```
#727481 rgb(114,116,129)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#606493
```
#606493 rgb(96,100,147)
```
#565d9d
```
#565d9d rgb(86,93,157)
```
#4d55a6
```
#4d55a6 rgb(77,85,166)
```
#444daf
```
#444daf rgb(68,77,175)
```
#3a46b9
```
#3a46b9 rgb(58,70,185)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#2836cb
```
#2836cb rgb(40,54,203)
```
#1e2fd5
```
#1e2fd5 rgb(30,47,213)
```
#1527de
```
#1527de rgb(21,39,222)
```
#0c1fe7
```
#0c1fe7 rgb(12,31,231)
```
#0218f1
```
#0218f1 rgb(2,24,241)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#114db1 Protanomaly 1% of men, 0.01% of women
#1150a3 Deuteranomaly 6% of men, 0.4% of women
#115488 Tritanomaly 0.01% of the population

#313ec2 hex color

#313ec2 Color Information

#313ec2 Color Conversion

Color Schemes with #313ec2

Alternatives to #313ec2

#313ec2 Preview

Shades and Tints of #313ec2

Tones of #313ec2

Color Blindness Simulator