#313eed hex color

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

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

● #313eed color description : Bright blue.

The hexadecimal color #313eed has RGB values of R:49, G:62, B:237 and CMYK values of C:0.79, M:0.74, Y:0, K:0.07. Its decimal value is 3227373.

Hex triplet	313eed	`#313eed`
RGB Decimal	49, 62, 237	`rgb(49,62,237)`
RGB Percent	19.2, 24.3, 92.9	`rgb(19.2%,24.3%,92.9%)`
CMYK	79, 74, 0, 7
HSL	235.9°, 83.9, 56.1	`hsl(235.9,83.9%,56.1%)`
HSV (or HSB)	235.9°, 79.3, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.219, 54.869, -87.831
XYZ	18.272, 10.211, 81.124
xyY	0.167, 0.093, 10.211
CIE-LCH	38.219, 103.561, 301.993
CIE-LUV	38.219, -10.754, -122.615
Hunter-Lab	31.955, 46.146, -128.149
Binary	00110001, 00111110, 11101101

#313eed
```
#313eed rgb(49,62,237)
```
#ede031
```
#ede031 rgb(237,224,49)
```

Complementary Color

#319ced
```
#319ced rgb(49,156,237)
```
#313eed
```
#313eed rgb(49,62,237)
```
#8231ed
```
#8231ed rgb(130,49,237)
```

Analogous Color

#9ced31
```
#9ced31 rgb(156,237,49)
```
#313eed
```
#313eed rgb(49,62,237)
```
#ed8231
```
#ed8231 rgb(237,130,49)
```

Split Complementary Color

#3eed31
```
#3eed31 rgb(62,237,49)
```
#313eed
```
#313eed rgb(49,62,237)
```
#ed313e
```
#ed313e rgb(237,49,62)
```

Triadic Color

#31ede0
```
#31ede0 rgb(49,237,224)
```
#313eed
```
#313eed rgb(49,62,237)
```
#ed313e
```
#ed313e rgb(237,49,62)
```
#ede031
```
#ede031 rgb(237,224,49)
```

Tetradic Color

#111dc1
```
#111dc1 rgb(17,29,193)
```
#1321d8
```
#1321d8 rgb(19,33,216)
```
#1a28eb
```
#1a28eb rgb(26,40,235)
```
#313eed
```
#313eed rgb(49,62,237)
```
#4854ef
```
#4854ef rgb(72,84,239)
```
#606af1
```
#606af1 rgb(96,106,241)
```
#7780f3
```
#7780f3 rgb(119,128,243)
```

Monochromatic Color

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

#316ded
```
#316ded rgb(49,109,237)
```
#315ded
```
#315ded rgb(49,93,237)
```
#314eed
```
#314eed rgb(49,78,237)
```
#313eed
```
#313eed rgb(49,62,237)
```
#3431ed
```
#3431ed rgb(52,49,237)
```
#4331ed
```
#4331ed rgb(67,49,237)
```
#5331ed
```
#5331ed rgb(83,49,237)
```

Similar Colors

Text with hexadecimal color #313eed

This text has a font color of #313eed.

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

#313eed background color

This paragraph has a background color of #313eed.

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

#313eed border color

This element has a border color of #313eed.

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

CSS codes

.text {color:#313eed;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#02041d
```
#02041d rgb(2,4,29)
```
#04072f
```
#04072f rgb(4,7,47)
```
#060a41
```
#060a41 rgb(6,10,65)
```
#070c53
```
#070c53 rgb(7,12,83)
```
#090f65
```
#090f65 rgb(9,15,101)
```
#0a1277
```
#0a1277 rgb(10,18,119)
```
#0c1589
```
#0c1589 rgb(12,21,137)
```
#0e179b
```
#0e179b rgb(14,23,155)
```
#0f1aad
```
#0f1aad rgb(15,26,173)
```
#111dbf
```
#111dbf rgb(17,29,191)
```
#121fd1
```
#121fd1 rgb(18,31,209)
```
#1422e3
```
#1422e3 rgb(20,34,227)
```

Shade Color Variation

#1f2deb
```
#1f2deb rgb(31,45,235)
```
#313eed
```
#313eed rgb(49,62,237)
```
#434fef
```
#434fef rgb(67,79,239)
```
#5560f0
```
#5560f0 rgb(85,96,240)
```
#6771f2
```
#6771f2 rgb(103,113,242)
```
#7982f3
```
#7982f3 rgb(121,130,243)
```
#8b93f5
```
#8b93f5 rgb(139,147,245)
```
#9da3f6
```
#9da3f6 rgb(157,163,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 #202ffe is the most saturated one.

#878897
```
#878897 rgb(135,136,151)
```
#7f819f
```
#7f819f rgb(127,129,159)
```
#7679a8
```
#7679a8 rgb(118,121,168)
```
#6d72b1
```
#6d72b1 rgb(109,114,177)
```
#656bb9
```
#656bb9 rgb(101,107,185)
```
#5c63c2
```
#5c63c2 rgb(92,99,194)
```
#535ccb
```
#535ccb rgb(83,92,203)
```
#4b54d3
```
#4b54d3 rgb(75,84,211)
```
#424ddc
```
#424ddc rgb(66,77,220)
```
#3a45e4
```
#3a45e4 rgb(58,69,228)
```
#313eed
```
#313eed rgb(49,62,237)
```
#2837f6
```
#2837f6 rgb(40,55,246)
```
#202ffe
```
#202ffe rgb(32,47,254)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#1153cc Protanomaly 1% of men, 0.01% of women
#1157bc Deuteranomaly 6% of men, 0.4% of women
#115b9e Tritanomaly 0.01% of the population

#313eed hex color

#313eed Color Information

#313eed Color Conversion

Color Schemes with #313eed

Alternatives to #313eed

#313eed Preview

Shades and Tints of #313eed

Tones of #313eed

Color Blindness Simulator