#313ced hex color

In a RGB color space, hex #313ced is composed of 19.2% red, 23.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 74.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 236.5 degrees, a saturation of 83.9% and a lightness of 56.1%. #313ced color hex could be obtained by blending #6278ff with #0000db. Closest websafe color is: #3333ff.

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

● #313ced color description : Bright blue.

The hexadecimal color #313ced has RGB values of R:49, G:60, B:237 and CMYK values of C:0.79, M:0.75, Y:0, K:0.07. Its decimal value is 3226861.

Hex triplet	313ced	`#313ced`
RGB Decimal	49, 60, 237	`rgb(49,60,237)`
RGB Percent	19.2, 23.5, 92.9	`rgb(19.2%,23.5%,92.9%)`
CMYK	79, 75, 0, 7
HSL	236.5°, 83.9, 56.1	`hsl(236.5,83.9%,56.1%)`
HSV (or HSB)	236.5°, 79.3, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.839, 55.946, -88.46
XYZ	18.165, 9.998, 81.089
xyY	0.166, 0.092, 9.998
CIE-LCH	37.839, 104.667, 302.311
CIE-LUV	37.839, -10.437, -122.787
Hunter-Lab	31.619, 47.215, -129.917
Binary	00110001, 00111100, 11101101

#313ced
```
#313ced rgb(49,60,237)
```
#ede231
```
#ede231 rgb(237,226,49)
```

Complementary Color

#319aed
```
#319aed rgb(49,154,237)
```
#313ced
```
#313ced rgb(49,60,237)
```
#8431ed
```
#8431ed rgb(132,49,237)
```

Analogous Color

#9aed31
```
#9aed31 rgb(154,237,49)
```
#313ced
```
#313ced rgb(49,60,237)
```
#ed8431
```
#ed8431 rgb(237,132,49)
```

Split Complementary Color

#3ced31
```
#3ced31 rgb(60,237,49)
```
#313ced
```
#313ced rgb(49,60,237)
```
#ed313c
```
#ed313c rgb(237,49,60)
```

Triadic Color

#31ede2
```
#31ede2 rgb(49,237,226)
```
#313ced
```
#313ced rgb(49,60,237)
```
#ed313c
```
#ed313c rgb(237,49,60)
```
#ede231
```
#ede231 rgb(237,226,49)
```

Tetradic Color

#111bc1
```
#111bc1 rgb(17,27,193)
```
#131ed8
```
#131ed8 rgb(19,30,216)
```
#1a26eb
```
#1a26eb rgb(26,38,235)
```
#313ced
```
#313ced rgb(49,60,237)
```
#4852ef
```
#4852ef rgb(72,82,239)
```
#6068f1
```
#6068f1 rgb(96,104,241)
```
#777ff3
```
#777ff3 rgb(119,127,243)
```

Monochromatic Color

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

#316bed
```
#316bed rgb(49,107,237)
```
#315bed
```
#315bed rgb(49,91,237)
```
#314ced
```
#314ced rgb(49,76,237)
```
#313ced
```
#313ced rgb(49,60,237)
```
#3631ed
```
#3631ed rgb(54,49,237)
```
#4531ed
```
#4531ed rgb(69,49,237)
```
#5531ed
```
#5531ed rgb(85,49,237)
```

Similar Colors

Text with hexadecimal color #313ced

This text has a font color of #313ced.

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

#313ced background color

This paragraph has a background color of #313ced.

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

#313ced border color

This element has a border color of #313ced.

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

CSS codes

.text {color:#313ced;}

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

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

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 #f7f8fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#02041d
```
#02041d rgb(2,4,29)
```
#04072f
```
#04072f rgb(4,7,47)
```
#060941
```
#060941 rgb(6,9,65)
```
#070c53
```
#070c53 rgb(7,12,83)
```
#090e65
```
#090e65 rgb(9,14,101)
```
#0a1177
```
#0a1177 rgb(10,17,119)
```
#0c1389
```
#0c1389 rgb(12,19,137)
```
#0e169b
```
#0e169b rgb(14,22,155)
```
#0f18ad
```
#0f18ad rgb(15,24,173)
```
#111bbf
```
#111bbf rgb(17,27,191)
```
#121dd1
```
#121dd1 rgb(18,29,209)
```
#1420e3
```
#1420e3 rgb(20,32,227)
```

Shade Color Variation

#1f2beb
```
#1f2beb rgb(31,43,235)
```
#313ced
```
#313ced rgb(49,60,237)
```
#434def
```
#434def rgb(67,77,239)
```
#555ef0
```
#555ef0 rgb(85,94,240)
```
#676ff2
```
#676ff2 rgb(103,111,242)
```
#7980f3
```
#7980f3 rgb(121,128,243)
```
#8b91f5
```
#8b91f5 rgb(139,145,245)
```
#9da2f6
```
#9da2f6 rgb(157,162,246)
```
#afb4f8
```
#afb4f8 rgb(175,180,248)
```
#c1c5fa
```
#c1c5fa rgb(193,197,250)
```
#d3d6fb
```
#d3d6fb rgb(211,214,251)
```
#e5e7fd
```
#e5e7fd rgb(229,231,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#878897
```
#878897 rgb(135,136,151)
```
#7f809f
```
#7f809f rgb(127,128,159)
```
#7679a8
```
#7679a8 rgb(118,121,168)
```
#6d71b1
```
#6d71b1 rgb(109,113,177)
```
#656ab9
```
#656ab9 rgb(101,106,185)
```
#5c62c2
```
#5c62c2 rgb(92,98,194)
```
#535acb
```
#535acb rgb(83,90,203)
```
#4b53d3
```
#4b53d3 rgb(75,83,211)
```
#424bdc
```
#424bdc rgb(66,75,220)
```
#3a44e4
```
#3a44e4 rgb(58,68,228)
```
#313ced
```
#313ced rgb(49,60,237)
```
#2834f6
```
#2834f6 rgb(40,52,246)
```
#202dfe
```
#202dfe rgb(32,45,254)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#1152cb Protanomaly 1% of men, 0.01% of women
#1155bb Deuteranomaly 6% of men, 0.4% of women
#115a9d Tritanomaly 0.01% of the population

#313ced hex color

#313ced Color Information

#313ced Color Conversion

Color Schemes with #313ced

Alternatives to #313ced

#313ced Preview

Shades and Tints of #313ced

Tones of #313ced

Color Blindness Simulator