colorhexa.com

#313dce hex color

In a RGB color space, hex #313dce is composed of 19.2% red, 23.9% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 70.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 235.4 degrees, a saturation of 61.6% and a lightness of 50%. #313dce color hex could be obtained by blending #627aff with #00009d. Closest websafe color is: #3333cc.

- R 19
- G 24
- B 81
RGB color chart
- C 76
- M 70
- Y 0
- K 19
CMYK color chart

● #313dce color description : Strong blue.

The hexadecimal color #313dce has RGB values of R:49, G:61, B:206 and CMYK values of C:0.76, M:0.7, Y:0, K:0.19. Its decimal value is 3227086.

Hex triplet	313dce	`#313dce`
RGB Decimal	49, 61, 206	`rgb(49,61,206)`
RGB Percent	19.2, 23.9, 80.8	`rgb(19.2%,23.9%,80.8%)`
CMYK	76, 70, 0, 19
HSL	235.4°, 61.6, 50	`hsl(235.4,61.6%,50%)`
HSV (or HSB)	235.4°, 76.2, 80.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.895, 45.148, -75.559
XYZ	14.074, 8.446, 59.278
xyY	0.172, 0.103, 8.446
CIE-LCH	34.895, 88.019, 300.859
CIE-LUV	34.895, -9.591, -104.221
Hunter-Lab	29.062, 35.585, -100.592
Binary	00110001, 00111101, 11001110

#313dce
```
#313dce rgb(49,61,206)
```
#cec231
```
#cec231 rgb(206,194,49)
```

Complementary Color

#318cce
```
#318cce rgb(49,140,206)
```
#313dce
```
#313dce rgb(49,61,206)
```
#7431ce
```
#7431ce rgb(116,49,206)
```

Analogous Color

#8cce31
```
#8cce31 rgb(140,206,49)
```
#313dce
```
#313dce rgb(49,61,206)
```
#ce7431
```
#ce7431 rgb(206,116,49)
```

Split Complementary Color

#3dce31
```
#3dce31 rgb(61,206,49)
```
#313dce
```
#313dce rgb(49,61,206)
```
#ce313d
```
#ce313d rgb(206,49,61)
```

Triadic Color

#31cec2
```
#31cec2 rgb(49,206,194)
```
#313dce
```
#313dce rgb(49,61,206)
```
#ce313d
```
#ce313d rgb(206,49,61)
```
#cec231
```
#cec231 rgb(206,194,49)
```

Tetradic Color

#222b90
```
#222b90 rgb(34,43,144)
```
#2731a5
```
#2731a5 rgb(39,49,165)
```
#2c37b9
```
#2c37b9 rgb(44,55,185)
```
#313dce
```
#313dce rgb(49,61,206)
```
#4650d3
```
#4650d3 rgb(70,80,211)
```
#5a64d8
```
#5a64d8 rgb(90,100,216)
```
#6f77dd
```
#6f77dd rgb(111,119,221)
```

Monochromatic Color

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

#3164ce
```
#3164ce rgb(49,100,206)
```
#3157ce
```
#3157ce rgb(49,87,206)
```
#314ace
```
#314ace rgb(49,74,206)
```
#313dce
```
#313dce rgb(49,61,206)
```
#3231ce
```
#3231ce rgb(50,49,206)
```
#3f31ce
```
#3f31ce rgb(63,49,206)
```
#4c31ce
```
#4c31ce rgb(76,49,206)
```

Similar Colors

Text with hexadecimal color #313dce

This text has a font color of #313dce.

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

#313dce background color

This paragraph has a background color of #313dce.

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

#313dce border color

This element has a border color of #313dce.

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

CSS codes

.text {color:#313dce;}

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

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

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

#040510
```
#040510 rgb(4,5,16)
```
#080920
```
#080920 rgb(8,9,32)
```
#0b0e30
```
#0b0e30 rgb(11,14,48)
```
#0f133f
```
#0f133f rgb(15,19,63)
```
#13174f
```
#13174f rgb(19,23,79)
```
#171c5f
```
#171c5f rgb(23,28,95)
```
#1a216f
```
#1a216f rgb(26,33,111)
```
#1e267f
```
#1e267f rgb(30,38,127)
```
#222a8f
```
#222a8f rgb(34,42,143)
```
#262f9e
```
#262f9e rgb(38,47,158)
```
#2934ae
```
#2934ae rgb(41,52,174)
```
#2d38be
```
#2d38be rgb(45,56,190)
```
#313dce
```
#313dce rgb(49,61,206)
```

Shade Color Variation

#414cd2
```
#414cd2 rgb(65,76,210)
```
#515bd6
```
#515bd6 rgb(81,91,214)
```
#616ad9
```
#616ad9 rgb(97,106,217)
```
#7079dd
```
#7079dd rgb(112,121,221)
```
#8088e1
```
#8088e1 rgb(128,136,225)
```
#9097e5
```
#9097e5 rgb(144,151,229)
```
#a0a5e8
```
#a0a5e8 rgb(160,165,232)
```
#b0b4ec
```
#b0b4ec rgb(176,180,236)
```
#c0c3f0
```
#c0c3f0 rgb(192,195,240)
```
#cfd2f4
```
#cfd2f4 rgb(207,210,244)
```
#dfe1f7
```
#dfe1f7 rgb(223,225,247)
```
#eff0fb
```
#eff0fb rgb(239,240,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7f7f80
```
#7f7f80 rgb(127,127,128)
```
#767789
```
#767789 rgb(118,119,137)
```
#6c6f93
```
#6c6f93 rgb(108,111,147)
```
#62679d
```
#62679d rgb(98,103,157)
```
#585ea7
```
#585ea7 rgb(88,94,167)
```
#4e56b1
```
#4e56b1 rgb(78,86,177)
```
#454eba
```
#454eba rgb(69,78,186)
```
#3b45c4
```
#3b45c4 rgb(59,69,196)
```
#313dce
```
#313dce rgb(49,61,206)
```
#2735d8
```
#2735d8 rgb(39,53,216)
```
#1d2ce2
```
#1d2ce2 rgb(29,44,226)
```
#1424eb
```
#1424eb rgb(20,36,235)
```
#0a1cf5
```
#0a1cf5 rgb(10,28,245)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#114eb8 Protanomaly 1% of men, 0.01% of women
#1151a9 Deuteranomaly 6% of men, 0.4% of women
#11558d Tritanomaly 0.01% of the population