#313f82 hex color

In a RGB color space, hex #313f82 is composed of 19.2% red, 24.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 51.5% magenta, 0% yellow and 49% black. It has a hue angle of 229.6 degrees, a saturation of 45.3% and a lightness of 35.1%. #313f82 color hex could be obtained by blending #627eff with #000005. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 25
- B 51
RGB color chart
- C 62
- M 52
- Y 0
- K 49
CMYK color chart

● #313f82 color description : Dark moderate blue.

The hexadecimal color #313f82 has RGB values of R:49, G:63, B:130 and CMYK values of C:0.62, M:0.52, Y:0, K:0.49. Its decimal value is 3227522.

Hex triplet	313f82	`#313f82`
RGB Decimal	49, 63, 130	`rgb(49,63,130)`
RGB Percent	19.2, 24.7, 51	`rgb(19.2%,24.7%,51%)`
CMYK	62, 52, 0, 49
HSL	229.6°, 45.3, 35.1	`hsl(229.6,45.3%,35.1%)`
HSV (or HSB)	229.6°, 62.3, 51
Web Safe	333399	`#333399`

CIE-LAB	28.952, 16.546, -39.621
XYZ	7.073, 5.819, 21.868
xyY	0.203, 0.167, 5.819
CIE-LCH	28.952, 42.938, 292.666
CIE-LUV	28.952, -7.9, -53.044
Hunter-Lab	24.123, 10.118, -36.862
Binary	00110001, 00111111, 10000010

#313f82
```
#313f82 rgb(49,63,130)
```
#827431
```
#827431 rgb(130,116,49)
```

Complementary Color

#316882
```
#316882 rgb(49,104,130)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#4b3182
```
#4b3182 rgb(75,49,130)
```

Analogous Color

#688231
```
#688231 rgb(104,130,49)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#824b31
```
#824b31 rgb(130,75,49)
```

Split Complementary Color

#3f8231
```
#3f8231 rgb(63,130,49)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#82313f
```
#82313f rgb(130,49,63)
```

Triadic Color

#318274
```
#318274 rgb(49,130,116)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#82313f
```
#82313f rgb(130,49,63)
```
#827431
```
#827431 rgb(130,116,49)
```

Tetradic Color

#1c244a
```
#1c244a rgb(28,36,74)
```
#232d5d
```
#232d5d rgb(35,45,93)
```
#2a366f
```
#2a366f rgb(42,54,111)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#384895
```
#384895 rgb(56,72,149)
```
#3f51a7
```
#3f51a7 rgb(63,81,167)
```
#465ab9
```
#465ab9 rgb(70,90,185)
```

Monochromatic Color

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

#315382
```
#315382 rgb(49,83,130)
```
#314d82
```
#314d82 rgb(49,77,130)
```
#314682
```
#314682 rgb(49,70,130)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#313882
```
#313882 rgb(49,56,130)
```
#313282
```
#313282 rgb(49,50,130)
```
#373182
```
#373182 rgb(55,49,130)
```

Similar Colors

Text with hexadecimal color #313f82

This text has a font color of #313f82.

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

#313f82 background color

This paragraph has a background color of #313f82.

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

#313f82 border color

This element has a border color of #313f82.

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

CSS codes

.text {color:#313f82;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060810
```
#060810 rgb(6,8,16)
```
#0b0f1e
```
#0b0f1e rgb(11,15,30)
```
#11162d
```
#11162d rgb(17,22,45)
```
#161c3b
```
#161c3b rgb(22,28,59)
```
#1c2349
```
#1c2349 rgb(28,35,73)
```
#212a57
```
#212a57 rgb(33,42,87)
```
#263166
```
#263166 rgb(38,49,102)
```
#2c3874
```
#2c3874 rgb(44,56,116)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#364690
```
#364690 rgb(54,70,144)
```
#3c4d9e
```
#3c4d9e rgb(60,77,158)
```
#4154ad
```
#4154ad rgb(65,84,173)
```

Shade Color Variation

#485bba
```
#485bba rgb(72,91,186)
```
#5668bf
```
#5668bf rgb(86,104,191)
```
#6475c5
```
#6475c5 rgb(100,117,197)
```
#7281ca
```
#7281ca rgb(114,129,202)
```
#818ecf
```
#818ecf rgb(129,142,207)
```
#8f9bd5
```
#8f9bd5 rgb(143,155,213)
```
#9da8da
```
#9da8da rgb(157,168,218)
```
#abb4df
```
#abb4df rgb(171,180,223)
```
#bac1e5
```
#bac1e5 rgb(186,193,229)
```
#c8ceea
```
#c8ceea rgb(200,206,234)
```
#d6daf0
```
#d6daf0 rgb(214,218,240)
```
#e4e7f5
```
#e4e7f5 rgb(228,231,245)
```
#f3f4fa
```
#f3f4fa rgb(243,244,250)
```

Tint Color Variation

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

#535660
```
#535660 rgb(83,86,96)
```
#4d5166
```
#4d5166 rgb(77,81,102)
```
#464d6d
```
#464d6d rgb(70,77,109)
```
#3f4874
```
#3f4874 rgb(63,72,116)
```
#38447b
```
#38447b rgb(56,68,123)
```
#313f82
```
#313f82 rgb(49,63,130)
```
#2a3a89
```
#2a3a89 rgb(42,58,137)
```
#233690
```
#233690 rgb(35,54,144)
```
#1c3197
```
#1c3197 rgb(28,49,151)
```
#152d9e
```
#152d9e rgb(21,45,158)
```
#0f28a4
```
#0f28a4 rgb(15,40,164)
```
#0824ab
```
#0824ab rgb(8,36,171)
```
#011fb2
```
#011fb2 rgb(1,31,178)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f414f Atypical Achromatopsia 0.001% of the population

Dichromacy

#274b8b Protanopia 1% of men
#004f83 Deuteranopia 1% of men
#1e545a Tritanopia 0.001% of the population

Trichromacy

#2a4787 Protanomaly 1% of men, 0.01% of women
#114983 Deuteranomaly 6% of men, 0.4% of women
#254c69 Tritanomaly 0.01% of the population

#313f82 hex color

#313f82 Color Information

#313f82 Color Conversion

Color Schemes with #313f82

Alternatives to #313f82

#313f82 Preview

Shades and Tints of #313f82

Tones of #313f82

Color Blindness Simulator