#313cc6 hex color

In a RGB color space, hex #313cc6 is composed of 19.2% red, 23.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 69.7% magenta, 0% yellow and 22.4% black. It has a hue angle of 235.6 degrees, a saturation of 60.3% and a lightness of 48.4%. #313cc6 color hex could be obtained by blending #6278ff with #00008d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 24
- B 78
RGB color chart
- C 75
- M 70
- Y 0
- K 22
CMYK color chart

● #313cc6 color description : Strong blue.

The hexadecimal color #313cc6 has RGB values of R:49, G:60, B:198 and CMYK values of C:0.75, M:0.7, Y:0, K:0.22. Its decimal value is 3226822.

Hex triplet	313cc6	`#313cc6`
RGB Decimal	49, 60, 198	`rgb(49,60,198)`
RGB Percent	19.2, 23.5, 77.6	`rgb(19.2%,23.5%,77.6%)`
CMYK	75, 70, 0, 22
HSL	235.6°, 60.3, 48.4	`hsl(235.6,60.3%,48.4%)`
HSV (or HSB)	235.6°, 75.3, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.902, 43.006, -72.536
XYZ	13.073, 7.961, 54.271
xyY	0.174, 0.106, 7.961
CIE-LCH	33.902, 84.327, 300.663
CIE-LUV	33.902, -9.146, -99.473
Hunter-Lab	28.215, 33.33, -94.29
Binary	00110001, 00111100, 11000110

#313cc6
```
#313cc6 rgb(49,60,198)
```
#c6bb31
```
#c6bb31 rgb(198,187,49)
```

Complementary Color

#3187c6
```
#3187c6 rgb(49,135,198)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```
#7131c6
```
#7131c6 rgb(113,49,198)
```

Analogous Color

#87c631
```
#87c631 rgb(135,198,49)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```
#c67131
```
#c67131 rgb(198,113,49)
```

Split Complementary Color

#3cc631
```
#3cc631 rgb(60,198,49)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```
#c6313c
```
#c6313c rgb(198,49,60)
```

Triadic Color

#31c6bb
```
#31c6bb rgb(49,198,187)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```
#c6313c
```
#c6313c rgb(198,49,60)
```
#c6bb31
```
#c6bb31 rgb(198,187,49)
```

Tetradic Color

#222989
```
#222989 rgb(34,41,137)
```
#27309d
```
#27309d rgb(39,48,157)
```
#2c36b2
```
#2c36b2 rgb(44,54,178)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```
#414bd0
```
#414bd0 rgb(65,75,208)
```
#555ed5
```
#555ed5 rgb(85,94,213)
```
#6972da
```
#6972da rgb(105,114,218)
```

Monochromatic Color

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

#3161c6
```
#3161c6 rgb(49,97,198)
```
#3155c6
```
#3155c6 rgb(49,85,198)
```
#3148c6
```
#3148c6 rgb(49,72,198)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```
#3231c6
```
#3231c6 rgb(50,49,198)
```
#3f31c6
```
#3f31c6 rgb(63,49,198)
```
#4b31c6
```
#4b31c6 rgb(75,49,198)
```

Similar Colors

Text with hexadecimal color #313cc6

This text has a font color of #313cc6.

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

#313cc6 background color

This paragraph has a background color of #313cc6.

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

#313cc6 border color

This element has a border color of #313cc6.

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

CSS codes

.text {color:#313cc6;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#060819
```
#060819 rgb(6,8,25)
```
#0a0c29
```
#0a0c29 rgb(10,12,41)
```
#0e1138
```
#0e1138 rgb(14,17,56)
```
#121648
```
#121648 rgb(18,22,72)
```
#161b58
```
#161b58 rgb(22,27,88)
```
#1a1f68
```
#1a1f68 rgb(26,31,104)
```
#1e2477
```
#1e2477 rgb(30,36,119)
```
#212987
```
#212987 rgb(33,41,135)
```
#252e97
```
#252e97 rgb(37,46,151)
```
#2932a7
```
#2932a7 rgb(41,50,167)
```
#2d37b6
```
#2d37b6 rgb(45,55,182)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```

Shade Color Variation

#3c47cf
```
#3c47cf rgb(60,71,207)
```
#4c56d3
```
#4c56d3 rgb(76,86,211)
```
#5b64d6
```
#5b64d6 rgb(91,100,214)
```
#6b73da
```
#6b73da rgb(107,115,218)
```
#7b82de
```
#7b82de rgb(123,130,222)
```
#8b91e2
```
#8b91e2 rgb(139,145,226)
```
#9aa0e6
```
#9aa0e6 rgb(154,160,230)
```
#aaafea
```
#aaafea rgb(170,175,234)
```
#babeee
```
#babeee rgb(186,190,238)
```
#c9ccf2
```
#c9ccf2 rgb(201,204,242)
```
#d9dbf6
```
#d9dbf6 rgb(217,219,246)
```
#e9eafa
```
#e9eafa rgb(233,234,250)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#747584
```
#747584 rgb(116,117,132)
```
#6a6d8d
```
#6a6d8d rgb(106,109,141)
```
#616497
```
#616497 rgb(97,100,151)
```
#575ca0
```
#575ca0 rgb(87,92,160)
```
#4e54aa
```
#4e54aa rgb(78,84,170)
```
#444cb3
```
#444cb3 rgb(68,76,179)
```
#3b44bd
```
#3b44bd rgb(59,68,189)
```
#313cc6
```
#313cc6 rgb(49,60,198)
```
#2834d0
```
#2834d0 rgb(40,52,208)
```
#1e2cd9
```
#1e2cd9 rgb(30,44,217)
```
#1524e3
```
#1524e3 rgb(21,36,227)
```
#0b1cec
```
#0b1cec rgb(11,28,236)
```
#0114f6
```
#0114f6 rgb(1,20,246)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#114cb2 Protanomaly 1% of men, 0.01% of women
#114fa4 Deuteranomaly 6% of men, 0.4% of women
#115389 Tritanomaly 0.01% of the population

#313cc6 hex color

#313cc6 Color Information

#313cc6 Color Conversion

Color Schemes with #313cc6

Alternatives to #313cc6

#313cc6 Preview

Shades and Tints of #313cc6

Tones of #313cc6

Color Blindness Simulator