#313bce hex color

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

♥
- f
- t
- g
- R 19
- G 23
- B 81
RGB color chart
- C 76
- M 71
- Y 0
- K 19
CMYK color chart

● #313bce color description : Strong blue.

The hexadecimal color #313bce has RGB values of R:49, G:59, B:206 and CMYK values of C:0.76, M:0.71, Y:0, K:0.19. Its decimal value is 3226574.

Hex triplet	313bce	`#313bce`
RGB Decimal	49, 59, 206	`rgb(49,59,206)`
RGB Percent	19.2, 23.1, 80.8	`rgb(19.2%,23.1%,80.8%)`
CMYK	76, 71, 0, 19
HSL	236.2°, 61.6, 50	`hsl(236.2,61.6%,50%)`
HSV (or HSB)	236.2°, 76.2, 80.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.47, 46.319, -76.258
XYZ	13.969, 8.236, 59.243
xyY	0.172, 0.101, 8.236
CIE-LCH	34.47, 89.223, 301.275
CIE-LUV	34.47, -9.227, -104.497
Hunter-Lab	28.699, 36.66, -102.303
Binary	00110001, 00111011, 11001110

#313bce
```
#313bce rgb(49,59,206)
```
#cec431
```
#cec431 rgb(206,196,49)
```

Complementary Color

#318ace
```
#318ace rgb(49,138,206)
```
#313bce
```
#313bce rgb(49,59,206)
```
#7631ce
```
#7631ce rgb(118,49,206)
```

Analogous Color

#8ace31
```
#8ace31 rgb(138,206,49)
```
#313bce
```
#313bce rgb(49,59,206)
```
#ce7631
```
#ce7631 rgb(206,118,49)
```

Split Complementary Color

#3bce31
```
#3bce31 rgb(59,206,49)
```
#313bce
```
#313bce rgb(49,59,206)
```
#ce313b
```
#ce313b rgb(206,49,59)
```

Triadic Color

#31cec4
```
#31cec4 rgb(49,206,196)
```
#313bce
```
#313bce rgb(49,59,206)
```
#ce313b
```
#ce313b rgb(206,49,59)
```
#cec431
```
#cec431 rgb(206,196,49)
```

Tetradic Color

#222990
```
#222990 rgb(34,41,144)
```
#272fa5
```
#272fa5 rgb(39,47,165)
```
#2c35b9
```
#2c35b9 rgb(44,53,185)
```
#313bce
```
#313bce rgb(49,59,206)
```
#464fd3
```
#464fd3 rgb(70,79,211)
```
#5a62d8
```
#5a62d8 rgb(90,98,216)
```
#6f76dd
```
#6f76dd rgb(111,118,221)
```

Monochromatic Color

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

#3162ce
```
#3162ce rgb(49,98,206)
```
#3155ce
```
#3155ce rgb(49,85,206)
```
#3148ce
```
#3148ce rgb(49,72,206)
```
#313bce
```
#313bce rgb(49,59,206)
```
#3431ce
```
#3431ce rgb(52,49,206)
```
#4131ce
```
#4131ce rgb(65,49,206)
```
#4e31ce
```
#4e31ce rgb(78,49,206)
```

Similar Colors

Text with hexadecimal color #313bce

This text has a font color of #313bce.

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

#313bce background color

This paragraph has a background color of #313bce.

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

#313bce border color

This element has a border color of #313bce.

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

CSS codes

.text {color:#313bce;}

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

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

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)
```
#0f123f
```
#0f123f rgb(15,18,63)
```
#13174f
```
#13174f rgb(19,23,79)
```
#171b5f
```
#171b5f rgb(23,27,95)
```
#1a206f
```
#1a206f rgb(26,32,111)
```
#1e247f
```
#1e247f rgb(30,36,127)
```
#22298f
```
#22298f rgb(34,41,143)
```
#262d9e
```
#262d9e rgb(38,45,158)
```
#2932ae
```
#2932ae rgb(41,50,174)
```
#2d36be
```
#2d36be rgb(45,54,190)
```
#313bce
```
#313bce rgb(49,59,206)
```

Shade Color Variation

#414ad2
```
#414ad2 rgb(65,74,210)
```
#5159d6
```
#5159d6 rgb(81,89,214)
```
#6168d9
```
#6168d9 rgb(97,104,217)
```
#7077dd
```
#7077dd rgb(112,119,221)
```
#8086e1
```
#8086e1 rgb(128,134,225)
```
#9095e5
```
#9095e5 rgb(144,149,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 #0a19f5 is the most saturated one.

#7f7f80
```
#7f7f80 rgb(127,127,128)
```
#767789
```
#767789 rgb(118,119,137)
```
#6c6e93
```
#6c6e93 rgb(108,110,147)
```
#62669d
```
#62669d rgb(98,102,157)
```
#585da7
```
#585da7 rgb(88,93,167)
```
#4e55b1
```
#4e55b1 rgb(78,85,177)
```
#454cba
```
#454cba rgb(69,76,186)
```
#3b44c4
```
#3b44c4 rgb(59,68,196)
```
#313bce
```
#313bce rgb(49,59,206)
```
#2732d8
```
#2732d8 rgb(39,50,216)
```
#1d2ae2
```
#1d2ae2 rgb(29,42,226)
```
#1421eb
```
#1421eb rgb(20,33,235)
```
#0a19f5
```
#0a19f5 rgb(10,25,245)
```

Tone Color Variation

Below, you can see how #313bce 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
#444664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#114db7 Protanomaly 1% of men, 0.01% of women
#1150a8 Deuteranomaly 6% of men, 0.4% of women
#11548d Tritanomaly 0.01% of the population

#313bce hex color

#313bce Color Information

#313bce Color Conversion

Color Schemes with #313bce

Alternatives to #313bce

#313bce Preview

Shades and Tints of #313bce

Tones of #313bce

Color Blindness Simulator