#313ed9 hex color

In a RGB color space, hex #313ed9 is composed of 19.2% red, 24.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 71.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 235.4 degrees, a saturation of 68.9% and a lightness of 52.2%. #313ed9 color hex could be obtained by blending #627cff with #0000b3. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 24
- B 85
RGB color chart
- C 77
- M 71
- Y 0
- K 15
CMYK color chart

● #313ed9 color description : Bright blue.

The hexadecimal color #313ed9 has RGB values of R:49, G:62, B:217 and CMYK values of C:0.77, M:0.71, Y:0, K:0.15. Its decimal value is 3227353.

Hex triplet	313ed9	`#313ed9`
RGB Decimal	49, 62, 217	`rgb(49,62,217)`
RGB Percent	19.2, 24.3, 85.1	`rgb(19.2%,24.3%,85.1%)`
CMYK	77, 71, 0, 15
HSL	235.4°, 68.9, 52.2	`hsl(235.4,68.9%,52.2%)`
HSV (or HSB)	235.4°, 77.4, 85.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.189, 48.282, -79.776
XYZ	15.511, 9.107, 66.582
xyY	0.17, 0.1, 9.107
CIE-LCH	36.189, 93.249, 301.183
CIE-LUV	36.189, -10.119, -110.745
Hunter-Lab	30.178, 38.937, -109.689
Binary	00110001, 00111110, 11011001

#313ed9
```
#313ed9 rgb(49,62,217)
```
#d9cc31
```
#d9cc31 rgb(217,204,49)
```

Complementary Color

#3192d9
```
#3192d9 rgb(49,146,217)
```
#313ed9
```
#313ed9 rgb(49,62,217)
```
#7831d9
```
#7831d9 rgb(120,49,217)
```

Analogous Color

#92d931
```
#92d931 rgb(146,217,49)
```
#313ed9
```
#313ed9 rgb(49,62,217)
```
#d97831
```
#d97831 rgb(217,120,49)
```

Split Complementary Color

#3ed931
```
#3ed931 rgb(62,217,49)
```
#313ed9
```
#313ed9 rgb(49,62,217)
```
#d9313e
```
#d9313e rgb(217,49,62)
```

Triadic Color

#31d9cc
```
#31d9cc rgb(49,217,204)
```
#313ed9
```
#313ed9 rgb(49,62,217)
```
#d9313e
```
#d9313e rgb(217,49,62)
```
#d9cc31
```
#d9cc31 rgb(217,204,49)
```

Tetradic Color

#1e28a0
```
#1e28a0 rgb(30,40,160)
```
#212db6
```
#212db6 rgb(33,45,182)
```
#2532cb
```
#2532cb rgb(37,50,203)
```
#313ed9
```
#313ed9 rgb(49,62,217)
```
#4752dd
```
#4752dd rgb(71,82,221)
```
#5c66e1
```
#5c66e1 rgb(92,102,225)
```
#727be5
```
#727be5 rgb(114,123,229)
```

Monochromatic Color

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

#3168d9
```
#3168d9 rgb(49,104,217)
```
#315ad9
```
#315ad9 rgb(49,90,217)
```
#314cd9
```
#314cd9 rgb(49,76,217)
```
#313ed9
```
#313ed9 rgb(49,62,217)
```
#3231d9
```
#3231d9 rgb(50,49,217)
```
#4031d9
```
#4031d9 rgb(64,49,217)
```
#4e31d9
```
#4e31d9 rgb(78,49,217)
```

Similar Colors

Text with hexadecimal color #313ed9

This text has a font color of #313ed9.

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

#313ed9 background color

This paragraph has a background color of #313ed9.

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

#313ed9 border color

This element has a border color of #313ed9.

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

CSS codes

.text {color:#313ed9;}

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

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

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

#020209
```
#020209 rgb(2,2,9)
```
#05061a
```
#05061a rgb(5,6,26)
```
#080a2a
```
#080a2a rgb(8,10,42)
```
#0b0f3b
```
#0b0f3b rgb(11,15,59)
```
#0e134c
```
#0e134c rgb(14,19,76)
```
#11175c
```
#11175c rgb(17,23,92)
```
#141b6d
```
#141b6d rgb(20,27,109)
```
#171f7d
```
#171f7d rgb(23,31,125)
```
#1a238e
```
#1a238e rgb(26,35,142)
```
#1d279e
```
#1d279e rgb(29,39,158)
```
#202baf
```
#202baf rgb(32,43,175)
```
#232fbf
```
#232fbf rgb(35,47,191)
```
#2633d0
```
#2633d0 rgb(38,51,208)
```

Shade Color Variation

#313ed9
```
#313ed9 rgb(49,62,217)
```
#424edc
```
#424edc rgb(66,78,220)
```
#525ddf
```
#525ddf rgb(82,93,223)
```
#636de2
```
#636de2 rgb(99,109,226)
```
#737ce5
```
#737ce5 rgb(115,124,229)
```
#848ce8
```
#848ce8 rgb(132,140,232)
```
#949beb
```
#949beb rgb(148,155,235)
```
#a5abee
```
#a5abee rgb(165,171,238)
```
#b5baf1
```
#b5baf1 rgb(181,186,241)
```
#c6caf4
```
#c6caf4 rgb(198,202,244)
```
#d7d9f8
```
#d7d9f8 rgb(215,217,248)
```
#e7e9fb
```
#e7e9fb rgb(231,233,251)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#7c7d8e
```
#7c7d8e rgb(124,125,142)
```
#737697
```
#737697 rgb(115,118,151)
```
#696ea1
```
#696ea1 rgb(105,110,161)
```
#6066aa
```
#6066aa rgb(96,102,170)
```
#575eb3
```
#575eb3 rgb(87,94,179)
```
#4d56bd
```
#4d56bd rgb(77,86,189)
```
#444ec6
```
#444ec6 rgb(68,78,198)
```
#3a46d0
```
#3a46d0 rgb(58,70,208)
```
#313ed9
```
#313ed9 rgb(49,62,217)
```
#2836e2
```
#2836e2 rgb(40,54,226)
```
#1e2eec
```
#1e2eec rgb(30,46,236)
```
#1526f5
```
#1526f5 rgb(21,38,245)
```
#0b1eff
```
#0b1eff rgb(11,30,255)
```

Tone Color Variation

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

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#1150bf Protanomaly 1% of men, 0.01% of women
#1154b0 Deuteranomaly 6% of men, 0.4% of women
#115893 Tritanomaly 0.01% of the population

#313ed9 hex color

#313ed9 Color Information

#313ed9 Color Conversion

Color Schemes with #313ed9

Alternatives to #313ed9

#313ed9 Preview

Shades and Tints of #313ed9

Tones of #313ed9

Color Blindness Simulator