#313d95 hex color

In a RGB color space, hex #313d95 is composed of 19.2% red, 23.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 59.1% magenta, 0% yellow and 41.6% black. It has a hue angle of 232.8 degrees, a saturation of 50.5% and a lightness of 38.8%. #313d95 color hex could be obtained by blending #627aff with #00002b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 24
- B 58
RGB color chart
- C 67
- M 59
- Y 0
- K 42
CMYK color chart

● #313d95 color description : Dark moderate blue.

The hexadecimal color #313d95 has RGB values of R:49, G:61, B:149 and CMYK values of C:0.67, M:0.59, Y:0, K:0.42. Its decimal value is 3227029.

Hex triplet	313d95	`#313d95`
RGB Decimal	49, 61, 149	`rgb(49,61,149)`
RGB Percent	19.2, 23.9, 58.4	`rgb(19.2%,23.9%,58.4%)`
CMYK	67, 59, 0, 42
HSL	232.8°, 50.5, 38.8	`hsl(232.8,50.5%,38.8%)`
HSV (or HSB)	232.8°, 67.1, 58.4
Web Safe	333399	`#333399`

CIE-LAB	29.812, 24.886, -49.959
XYZ	8.359, 6.16, 29.181
xyY	0.191, 0.141, 6.16
CIE-LCH	29.812, 55.814, 296.479
CIE-LUV	29.812, -7.856, -67.403
Hunter-Lab	24.819, 16.685, -52.335
Binary	00110001, 00111101, 10010101

#313d95
```
#313d95 rgb(49,61,149)
```
#958931
```
#958931 rgb(149,137,49)
```

Complementary Color

#316f95
```
#316f95 rgb(49,111,149)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#573195
```
#573195 rgb(87,49,149)
```

Analogous Color

#6f9531
```
#6f9531 rgb(111,149,49)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#955731
```
#955731 rgb(149,87,49)
```

Split Complementary Color

#3d9531
```
#3d9531 rgb(61,149,49)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#95313d
```
#95313d rgb(149,49,61)
```

Triadic Color

#319589
```
#319589 rgb(49,149,137)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#95313d
```
#95313d rgb(149,49,61)
```
#958931
```
#958931 rgb(149,137,49)
```

Tetradic Color

#1e255b
```
#1e255b rgb(30,37,91)
```
#242d6f
```
#242d6f rgb(36,45,111)
```
#2b3582
```
#2b3582 rgb(43,53,130)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#3745a8
```
#3745a8 rgb(55,69,168)
```
#3e4dbb
```
#3e4dbb rgb(62,77,187)
```
#4e5cc5
```
#4e5cc5 rgb(78,92,197)
```

Monochromatic Color

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

#315695
```
#315695 rgb(49,86,149)
```
#314e95
```
#314e95 rgb(49,78,149)
```
#314595
```
#314595 rgb(49,69,149)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#313595
```
#313595 rgb(49,53,149)
```
#363195
```
#363195 rgb(54,49,149)
```
#3e3195
```
#3e3195 rgb(62,49,149)
```

Similar Colors

Text with hexadecimal color #313d95

This text has a font color of #313d95.

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

#313d95 background color

This paragraph has a background color of #313d95.

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

#313d95 border color

This element has a border color of #313d95.

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

CSS codes

.text {color:#313d95;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050710
```
#050710 rgb(5,7,16)
```
#0a0d1f
```
#0a0d1f rgb(10,13,31)
```
#0f132e
```
#0f132e rgb(15,19,46)
```
#14193c
```
#14193c rgb(20,25,60)
```
#191f4b
```
#191f4b rgb(25,31,75)
```
#1e255a
```
#1e255a rgb(30,37,90)
```
#222b69
```
#222b69 rgb(34,43,105)
```
#273177
```
#273177 rgb(39,49,119)
```
#2c3786
```
#2c3786 rgb(44,55,134)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#3643a4
```
#3643a4 rgb(54,67,164)
```
#3b49b3
```
#3b49b3 rgb(59,73,179)
```

Shade Color Variation

#4050c0
```
#4050c0 rgb(64,80,192)
```
#4f5dc5
```
#4f5dc5 rgb(79,93,197)
```
#5e6bca
```
#5e6bca rgb(94,107,202)
```
#6d79cf
```
#6d79cf rgb(109,121,207)
```
#7c86d4
```
#7c86d4 rgb(124,134,212)
```
#8a94d9
```
#8a94d9 rgb(138,148,217)
```
#99a1dd
```
#99a1dd rgb(153,161,221)
```
#a8afe2
```
#a8afe2 rgb(168,175,226)
```
#b7bce7
```
#b7bce7 rgb(183,188,231)
```
#c5caec
```
#c5caec rgb(197,202,236)
```
#d4d8f1
```
#d4d8f1 rgb(212,216,241)
```
#e3e5f6
```
#e3e5f6 rgb(227,229,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6067 is the less saturated color, while #031ac3 is the most saturated one.

#5f6067
```
#5f6067 rgb(95,96,103)
```
#575a6f
```
#575a6f rgb(87,90,111)
```
#4f5477
```
#4f5477 rgb(79,84,119)
```
#484e7e
```
#484e7e rgb(72,78,126)
```
#404986
```
#404986 rgb(64,73,134)
```
#39438d
```
#39438d rgb(57,67,141)
```
#313d95
```
#313d95 rgb(49,61,149)
```
#29379d
```
#29379d rgb(41,55,157)
```
#2231a4
```
#2231a4 rgb(34,49,164)
```
#1a2cac
```
#1a2cac rgb(26,44,172)
```
#1326b3
```
#1326b3 rgb(19,38,179)
```
#0b20bb
```
#0b20bb rgb(11,32,187)
```
#031ac3
```
#031ac3 rgb(3,26,195)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f4253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005185 Deuteranopia 1% of men
#00575d Tritanopia 0.001% of the population

Trichromacy

#114796 Protanomaly 1% of men, 0.01% of women
#114a8a Deuteranomaly 6% of men, 0.4% of women
#114d71 Tritanomaly 0.01% of the population

#313d95 hex color

#313d95 Color Information

#313d95 Color Conversion

Color Schemes with #313d95

Alternatives to #313d95

#313d95 Preview

Shades and Tints of #313d95

Tones of #313d95

Color Blindness Simulator