#313060 hex color

In a RGB color space, hex #313060 is composed of 19.2% red, 18.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 50% magenta, 0% yellow and 62.4% black. It has a hue angle of 241.3 degrees, a saturation of 33.3% and a lightness of 28.2%. #313060 color hex could be obtained by blending #6260c0 with #000000. Closest websafe color is: #333366.

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

● #313060 color description : Very dark desaturated blue.

The hexadecimal color #313060 has RGB values of R:49, G:48, B:96 and CMYK values of C:0.49, M:0.5, Y:0, K:0.62. Its decimal value is 3223648.

Hex triplet	313060	`#313060`
RGB Decimal	49, 48, 96	`rgb(49,48,96)`
RGB Percent	19.2, 18.8, 37.6	`rgb(19.2%,18.8%,37.6%)`
CMYK	49, 50, 0, 62
HSL	241.3°, 33.3, 28.2	`hsl(241.3,33.3%,28.2%)`
HSV (or HSB)	241.3°, 50, 37.6
Web Safe	333366	`#333366`

CIE-LAB	22.342, 14.731, -28.511
XYZ	4.434, 3.611, 11.529
xyY	0.227, 0.184, 3.611
CIE-LCH	22.342, 32.092, 297.325
CIE-LUV	22.342, -2.178, -34.73
Hunter-Lab	19.003, 8.398, -22.668
Binary	00110001, 00110000, 01100000

#313060
```
#313060 rgb(49,48,96)
```
#5f6030
```
#5f6030 rgb(95,96,48)
```

Complementary Color

#304760
```
#304760 rgb(48,71,96)
```
#313060
```
#313060 rgb(49,48,96)
```
#493060
```
#493060 rgb(73,48,96)
```

Analogous Color

#476030
```
#476030 rgb(71,96,48)
```
#313060
```
#313060 rgb(49,48,96)
```
#604930
```
#604930 rgb(96,73,48)
```

Split Complementary Color

#306031
```
#306031 rgb(48,96,49)
```
#313060
```
#313060 rgb(49,48,96)
```
#603130
```
#603130 rgb(96,49,48)
```

Triadic Color

#305f60
```
#305f60 rgb(48,95,96)
```
#313060
```
#313060 rgb(49,48,96)
```
#603130
```
#603130 rgb(96,49,48)
```
#5f6030
```
#5f6030 rgb(95,96,48)
```

Tetradic Color

#17172d
```
#17172d rgb(23,23,45)
```
#201f3e
```
#201f3e rgb(32,31,62)
```
#28284f
```
#28284f rgb(40,40,79)
```
#313060
```
#313060 rgb(49,48,96)
```
#3a3971
```
#3a3971 rgb(58,57,113)
```
#424182
```
#424182 rgb(66,65,130)
```
#4b4a93
```
#4b4a93 rgb(75,74,147)
```

Monochromatic Color

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

#303b60
```
#303b60 rgb(48,59,96)
```
#303760
```
#303760 rgb(48,55,96)
```
#303360
```
#303360 rgb(48,51,96)
```
#313060
```
#313060 rgb(49,48,96)
```
#353060
```
#353060 rgb(53,48,96)
```
#393060
```
#393060 rgb(57,48,96)
```
#3d3060
```
#3d3060 rgb(61,48,96)
```

Similar Colors

Text with hexadecimal color #313060

This text has a font color of #313060.

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

#313060 background color

This paragraph has a background color of #313060.

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

#313060 border color

This element has a border color of #313060.

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

CSS codes

.text {color:#313060;}

.background {background-color:#313060;}

.border {border:1px solid #313060;}

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

#020204
```
#020204 rgb(2,2,4)
```
#090912
```
#090912 rgb(9,9,18)
```
#100f1f
```
#100f1f rgb(16,15,31)
```
#16162c
```
#16162c rgb(22,22,44)
```
#1d1c39
```
#1d1c39 rgb(29,28,57)
```
#242346
```
#242346 rgb(36,35,70)
```
#2a2953
```
#2a2953 rgb(42,41,83)
```
#313060
```
#313060 rgb(49,48,96)
```
#38376d
```
#38376d rgb(56,55,109)
```
#3e3d7a
```
#3e3d7a rgb(62,61,122)
```
#454487
```
#454487 rgb(69,68,135)
```
#4c4a94
```
#4c4a94 rgb(76,74,148)
```
#5251a1
```
#5251a1 rgb(82,81,161)
```

Shade Color Variation

#5b59ac
```
#5b59ac rgb(91,89,172)
```
#6867b3
```
#6867b3 rgb(104,103,179)
```
#7574b9
```
#7574b9 rgb(117,116,185)
```
#8281c0
```
#8281c0 rgb(130,129,192)
```
#8f8ec6
```
#8f8ec6 rgb(143,142,198)
```
#9c9bcd
```
#9c9bcd rgb(156,155,205)
```
#a9a8d3
```
#a9a8d3 rgb(169,168,211)
```
#b6b5da
```
#b6b5da rgb(182,181,218)
```
#c3c2e1
```
#c3c2e1 rgb(195,194,225)
```
#d0cfe7
```
#d0cfe7 rgb(208,207,231)
```
#dddcee
```
#dddcee rgb(221,220,238)
```
#eae9f4
```
#eae9f4 rgb(234,233,244)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46464a is the less saturated color, while #07048c is the most saturated one.

#46464a
```
#46464a rgb(70,70,74)
```
#41414f
```
#41414f rgb(65,65,79)
```
#3c3b55
```
#3c3b55 rgb(60,59,85)
```
#36365a
```
#36365a rgb(54,54,90)
```
#313060
```
#313060 rgb(49,48,96)
```
#2c2a66
```
#2c2a66 rgb(44,42,102)
```
#26256b
```
#26256b rgb(38,37,107)
```
#211f71
```
#211f71 rgb(33,31,113)
```
#1c1a76
```
#1c1a76 rgb(28,26,118)
```
#16147c
```
#16147c rgb(22,20,124)
```
#110f81
```
#110f81 rgb(17,15,129)
```
#0c0987
```
#0c0987 rgb(12,9,135)
```
#07048c
```
#07048c rgb(7,4,140)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#35353e Atypical Achromatopsia 0.001% of the population

Dichromacy

#283e6b Protanopia 1% of men
#224066 Deuteranopia 1% of men
#304247 Tritanopia 0.001% of the population

Trichromacy

#2b3967 Protanomaly 1% of men, 0.01% of women
#273a63 Deuteranomaly 6% of men, 0.4% of women
#303b50 Tritanomaly 0.01% of the population

#313060 hex color

#313060 Color Information

#313060 Color Conversion

Color Schemes with #313060

Alternatives to #313060

#313060 Preview

Shades and Tints of #313060

Tones of #313060

Color Blindness Simulator