#313dd8 hex color

In a RGB color space, hex #313dd8 is composed of 19.2% red, 23.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 71.8% magenta, 0% yellow and 15.3% black. It has a hue angle of 235.7 degrees, a saturation of 68.2% and a lightness of 52%. #313dd8 color hex could be obtained by blending #627aff with #0000b1. Closest websafe color is: #3333cc.

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

● #313dd8 color description : Strong blue.

The hexadecimal color #313dd8 has RGB values of R:49, G:61, B:216 and CMYK values of C:0.77, M:0.72, Y:0, K:0.15. Its decimal value is 3227096.

Hex triplet	313dd8	`#313dd8`
RGB Decimal	49, 61, 216	`rgb(49,61,216)`
RGB Percent	19.2, 23.9, 84.7	`rgb(19.2%,23.9%,84.7%)`
CMYK	77, 72, 0, 15
HSL	235.7°, 68.2, 52	`hsl(235.7,68.2%,52%)`
HSV (or HSB)	235.7°, 77.3, 84.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.883, 48.522, -79.707
XYZ	15.328, 8.947, 65.881
xyY	0.17, 0.099, 8.947
CIE-LCH	35.883, 93.314, 301.331
CIE-LUV	35.883, -9.91, -110.272
Hunter-Lab	29.912, 39.121, -109.648
Binary	00110001, 00111101, 11011000

#313dd8
```
#313dd8 rgb(49,61,216)
```
#d8cc31
```
#d8cc31 rgb(216,204,49)
```

Complementary Color

#3191d8
```
#3191d8 rgb(49,145,216)
```
#313dd8
```
#313dd8 rgb(49,61,216)
```
#7931d8
```
#7931d8 rgb(121,49,216)
```

Analogous Color

#91d831
```
#91d831 rgb(145,216,49)
```
#313dd8
```
#313dd8 rgb(49,61,216)
```
#d87931
```
#d87931 rgb(216,121,49)
```

Split Complementary Color

#3dd831
```
#3dd831 rgb(61,216,49)
```
#313dd8
```
#313dd8 rgb(49,61,216)
```
#d8313d
```
#d8313d rgb(216,49,61)
```

Triadic Color

#31d8cc
```
#31d8cc rgb(49,216,204)
```
#313dd8
```
#313dd8 rgb(49,61,216)
```
#d8313d
```
#d8313d rgb(216,49,61)
```
#d8cc31
```
#d8cc31 rgb(216,204,49)
```

Tetradic Color

#1e279e
```
#1e279e rgb(30,39,158)
```
#222db4
```
#222db4 rgb(34,45,180)
```
#2632c9
```
#2632c9 rgb(38,50,201)
```
#313dd8
```
#313dd8 rgb(49,61,216)
```
#4651dc
```
#4651dc rgb(70,81,220)
```
#5c65e0
```
#5c65e0 rgb(92,101,224)
```
#717ae4
```
#717ae4 rgb(113,122,228)
```

Monochromatic Color

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

#3167d8
```
#3167d8 rgb(49,103,216)
```
#3159d8
```
#3159d8 rgb(49,89,216)
```
#314bd8
```
#314bd8 rgb(49,75,216)
```
#313dd8
```
#313dd8 rgb(49,61,216)
```
#3331d8
```
#3331d8 rgb(51,49,216)
```
#4131d8
```
#4131d8 rgb(65,49,216)
```
#4f31d8
```
#4f31d8 rgb(79,49,216)
```

Similar Colors

Text with hexadecimal color #313dd8

This text has a font color of #313dd8.

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

#313dd8 background color

This paragraph has a background color of #313dd8.

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

#313dd8 border color

This element has a border color of #313dd8.

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

CSS codes

.text {color:#313dd8;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#050619
```
#050619 rgb(5,6,25)
```
#080a29
```
#080a29 rgb(8,10,41)
```
#0b0e3a
```
#0b0e3a rgb(11,14,58)
```
#0e124a
```
#0e124a rgb(14,18,74)
```
#11165b
```
#11165b rgb(17,22,91)
```
#141b6b
```
#141b6b rgb(20,27,107)
```
#171f7c
```
#171f7c rgb(23,31,124)
```
#1b238c
```
#1b238c rgb(27,35,140)
```
#1e279d
```
#1e279d rgb(30,39,157)
```
#212bad
```
#212bad rgb(33,43,173)
```
#242fbe
```
#242fbe rgb(36,47,190)
```
#2733ce
```
#2733ce rgb(39,51,206)
```

Shade Color Variation

#313dd8
```
#313dd8 rgb(49,61,216)
```
#414ddb
```
#414ddb rgb(65,77,219)
```
#525cde
```
#525cde rgb(82,92,222)
```
#626ce1
```
#626ce1 rgb(98,108,225)
```
#737be4
```
#737be4 rgb(115,123,228)
```
#838be8
```
#838be8 rgb(131,139,232)
```
#949aeb
```
#949aeb rgb(148,154,235)
```
#a4aaee
```
#a4aaee rgb(164,170,238)
```
#b5b9f1
```
#b5b9f1 rgb(181,185,241)
```
#c5c9f4
```
#c5c9f4 rgb(197,201,244)
```
#d6d8f7
```
#d6d8f7 rgb(214,216,247)
```
#e6e8fa
```
#e6e8fa rgb(230,232,250)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#7c7e8d
```
#7c7e8d rgb(124,126,141)
```
#737596
```
#737596 rgb(115,117,150)
```
#6a6d9f
```
#6a6d9f rgb(106,109,159)
```
#6065a9
```
#6065a9 rgb(96,101,169)
```
#575db2
```
#575db2 rgb(87,93,178)
```
#4d55bc
```
#4d55bc rgb(77,85,188)
```
#444dc5
```
#444dc5 rgb(68,77,197)
```
#3a45cf
```
#3a45cf rgb(58,69,207)
```
#313dd8
```
#313dd8 rgb(49,61,216)
```
#2835e1
```
#2835e1 rgb(40,53,225)
```
#1e2deb
```
#1e2deb rgb(30,45,235)
```
#1525f4
```
#1525f4 rgb(21,37,244)
```
#0b1dfe
```
#0b1dfe rgb(11,29,254)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#114fbe Protanomaly 1% of men, 0.01% of women
#1153af Deuteranomaly 6% of men, 0.4% of women
#115793 Tritanomaly 0.01% of the population

#313dd8 hex color

#313dd8 Color Information

#313dd8 Color Conversion

Color Schemes with #313dd8

Alternatives to #313dd8

#313dd8 Preview

Shades and Tints of #313dd8

Tones of #313dd8

Color Blindness Simulator