#313bec hex color

In a RGB color space, hex #313bec is composed of 19.2% red, 23.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 75% magenta, 0% yellow and 7.5% black. It has a hue angle of 236.8 degrees, a saturation of 83.1% and a lightness of 55.9%. #313bec color hex could be obtained by blending #6276ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 23
- B 93
RGB color chart
- C 79
- M 75
- Y 0
- K 7
CMYK color chart

● #313bec color description : Bright blue.

The hexadecimal color #313bec has RGB values of R:49, G:59, B:236 and CMYK values of C:0.79, M:0.75, Y:0, K:0.07. Its decimal value is 3226604.

Hex triplet	313bec	`#313bec`
RGB Decimal	49, 59, 236	`rgb(49,59,236)`
RGB Percent	19.2, 23.1, 92.5	`rgb(19.2%,23.1%,92.5%)`
CMYK	79, 75, 0, 7
HSL	236.8°, 83.1, 55.9	`hsl(236.8,83.1%,55.9%)`
HSV (or HSB)	236.8°, 79.2, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.546, 56.159, -88.378
XYZ	17.968, 9.836, 80.304
xyY	0.166, 0.091, 9.836
CIE-LCH	37.546, 104.711, 302.433
CIE-LUV	37.546, -10.249, -122.281
Hunter-Lab	31.362, 47.382, -129.861
Binary	00110001, 00111011, 11101100

#313bec
```
#313bec rgb(49,59,236)
```
#ece231
```
#ece231 rgb(236,226,49)
```

Complementary Color

#3199ec
```
#3199ec rgb(49,153,236)
```
#313bec
```
#313bec rgb(49,59,236)
```
#8531ec
```
#8531ec rgb(133,49,236)
```

Analogous Color

#99ec31
```
#99ec31 rgb(153,236,49)
```
#313bec
```
#313bec rgb(49,59,236)
```
#ec8531
```
#ec8531 rgb(236,133,49)
```

Split Complementary Color

#3bec31
```
#3bec31 rgb(59,236,49)
```
#313bec
```
#313bec rgb(49,59,236)
```
#ec313b
```
#ec313b rgb(236,49,59)
```

Triadic Color

#31ece2
```
#31ece2 rgb(49,236,226)
```
#313bec
```
#313bec rgb(49,59,236)
```
#ec313b
```
#ec313b rgb(236,49,59)
```
#ece231
```
#ece231 rgb(236,226,49)
```

Tetradic Color

#121bbf
```
#121bbf rgb(18,27,191)
```
#141ed6
```
#141ed6 rgb(20,30,214)
```
#1a25ea
```
#1a25ea rgb(26,37,234)
```
#313bec
```
#313bec rgb(49,59,236)
```
#4851ee
```
#4851ee rgb(72,81,238)
```
#6067f0
```
#6067f0 rgb(96,103,240)
```
#777ef2
```
#777ef2 rgb(119,126,242)
```

Monochromatic Color

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

#316aec
```
#316aec rgb(49,106,236)
```
#315aec
```
#315aec rgb(49,90,236)
```
#314bec
```
#314bec rgb(49,75,236)
```
#313bec
```
#313bec rgb(49,59,236)
```
#3731ec
```
#3731ec rgb(55,49,236)
```
#4631ec
```
#4631ec rgb(70,49,236)
```
#5631ec
```
#5631ec rgb(86,49,236)
```

Similar Colors

Text with hexadecimal color #313bec

This text has a font color of #313bec.

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

#313bec background color

This paragraph has a background color of #313bec.

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

#313bec border color

This element has a border color of #313bec.

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

CSS codes

.text {color:#313bec;}

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

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

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, #01010a is the darkest color, while #f7f7fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#03041b
```
#03041b rgb(3,4,27)
```
#04062d
```
#04062d rgb(4,6,45)
```
#06093f
```
#06093f rgb(6,9,63)
```
#080b51
```
#080b51 rgb(8,11,81)
```
#090e63
```
#090e63 rgb(9,14,99)
```
#0b1175
```
#0b1175 rgb(11,17,117)
```
#0c1387
```
#0c1387 rgb(12,19,135)
```
#0e1699
```
#0e1699 rgb(14,22,153)
```
#1018ab
```
#1018ab rgb(16,24,171)
```
#111bbd
```
#111bbd rgb(17,27,189)
```
#131dcf
```
#131dcf rgb(19,29,207)
```
#1520e1
```
#1520e1 rgb(21,32,225)
```

Shade Color Variation

#1f2aea
```
#1f2aea rgb(31,42,234)
```
#313bec
```
#313bec rgb(49,59,236)
```
#434cee
```
#434cee rgb(67,76,238)
```
#555def
```
#555def rgb(85,93,239)
```
#676ef1
```
#676ef1 rgb(103,110,241)
```
#797ff3
```
#797ff3 rgb(121,127,243)
```
#8b90f4
```
#8b90f4 rgb(139,144,244)
```
#9da2f6
```
#9da2f6 rgb(157,162,246)
```
#afb3f8
```
#afb3f8 rgb(175,179,248)
```
#c1c4f9
```
#c1c4f9 rgb(193,196,249)
```
#d3d5fb
```
#d3d5fb rgb(211,213,251)
```
#e5e6fd
```
#e5e6fd rgb(229,230,253)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#888895
```
#888895 rgb(136,136,149)
```
#7f819e
```
#7f819e rgb(127,129,158)
```
#7679a7
```
#7679a7 rgb(118,121,167)
```
#6e71af
```
#6e71af rgb(110,113,175)
```
#6569b8
```
#6569b8 rgb(101,105,184)
```
#5c62c1
```
#5c62c1 rgb(92,98,193)
```
#545ac9
```
#545ac9 rgb(84,90,201)
```
#4b52d2
```
#4b52d2 rgb(75,82,210)
```
#424adb
```
#424adb rgb(66,74,219)
```
#3a43e3
```
#3a43e3 rgb(58,67,227)
```
#313bec
```
#313bec rgb(49,59,236)
```
#2833f5
```
#2833f5 rgb(40,51,245)
```
#202cfd
```
#202cfd rgb(32,44,253)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#47496c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#1151ca Protanomaly 1% of men, 0.01% of women
#1154ba Deuteranomaly 6% of men, 0.4% of women
#11599c Tritanomaly 0.01% of the population

#313bec hex color

#313bec Color Information

#313bec Color Conversion

Color Schemes with #313bec

Alternatives to #313bec

#313bec Preview

Shades and Tints of #313bec

Tones of #313bec

Color Blindness Simulator