#316dc7 hex color

In a RGB color space, hex #316dc7 is composed of 19.2% red, 42.7% green and 78% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 45.2% magenta, 0% yellow and 22% black. It has a hue angle of 216 degrees, a saturation of 60.5% and a lightness of 48.6%. #316dc7 color hex could be obtained by blending #62daff with #00008f. Closest websafe color is: #3366cc.

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

● #316dc7 color description : Strong blue.

The hexadecimal color #316dc7 has RGB values of R:49, G:109, B:199 and CMYK values of C:0.75, M:0.45, Y:0, K:0.22. Its decimal value is 3239367.

Hex triplet	316dc7	`#316dc7`
RGB Decimal	49, 109, 199	`rgb(49,109,199)`
RGB Percent	19.2, 42.7, 78	`rgb(19.2%,42.7%,78%)`
CMYK	75, 45, 0, 22
HSL	216°, 60.5, 48.6	`hsl(216,60.5%,48.6%)`
HSV (or HSB)	216°, 75.4, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.595, 12.138, -52.475
XYZ	17.042, 15.712, 56.164
xyY	0.192, 0.177, 15.712
CIE-LCH	46.595, 53.86, 283.024
CIE-LUV	46.595, -21.811, -80.331
Hunter-Lab	39.639, 7.373, -56.261
Binary	00110001, 01101101, 11000111

#316dc7
```
#316dc7 rgb(49,109,199)
```
#c78b31
```
#c78b31 rgb(199,139,49)
```

Complementary Color

#31b8c7
```
#31b8c7 rgb(49,184,199)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#4031c7
```
#4031c7 rgb(64,49,199)
```

Analogous Color

#b8c731
```
#b8c731 rgb(184,199,49)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#c74031
```
#c74031 rgb(199,64,49)
```

Split Complementary Color

#6dc731
```
#6dc731 rgb(109,199,49)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#c7316d
```
#c7316d rgb(199,49,109)
```

Triadic Color

#31c78b
```
#31c78b rgb(49,199,139)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#c7316d
```
#c7316d rgb(199,49,109)
```
#c78b31
```
#c78b31 rgb(199,139,49)
```

Tetradic Color

#224b8a
```
#224b8a rgb(34,75,138)
```
#27579e
```
#27579e rgb(39,87,158)
```
#2c62b3
```
#2c62b3 rgb(44,98,179)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#417ad0
```
#417ad0 rgb(65,122,208)
```
#5689d5
```
#5689d5 rgb(86,137,213)
```
#6a97da
```
#6a97da rgb(106,151,218)
```

Monochromatic Color

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

#3193c7
```
#3193c7 rgb(49,147,199)
```
#3186c7
```
#3186c7 rgb(49,134,199)
```
#317ac7
```
#317ac7 rgb(49,122,199)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#3161c7
```
#3161c7 rgb(49,97,199)
```
#3154c7
```
#3154c7 rgb(49,84,199)
```
#3147c7
```
#3147c7 rgb(49,71,199)
```

Similar Colors

Text with hexadecimal color #316dc7

This text has a font color of #316dc7.

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

#316dc7 background color

This paragraph has a background color of #316dc7.

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

#316dc7 border color

This element has a border color of #316dc7.

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

CSS codes

.text {color:#316dc7;}

.background {background-color:#316dc7;}

.border {border:1px solid #316dc7;}

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#060e1a
```
#060e1a rgb(6,14,26)
```
#0a172a
```
#0a172a rgb(10,23,42)
```
#0e1f39
```
#0e1f39 rgb(14,31,57)
```
#122849
```
#122849 rgb(18,40,73)
```
#163159
```
#163159 rgb(22,49,89)
```
#1a3969
```
#1a3969 rgb(26,57,105)
```
#1e4278
```
#1e4278 rgb(30,66,120)
```
#214b88
```
#214b88 rgb(33,75,136)
```
#255398
```
#255398 rgb(37,83,152)
```
#295ca8
```
#295ca8 rgb(41,92,168)
```
#2d64b7
```
#2d64b7 rgb(45,100,183)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```

Shade Color Variation

#3d77cf
```
#3d77cf rgb(61,119,207)
```
#4c82d3
```
#4c82d3 rgb(76,130,211)
```
#5c8dd7
```
#5c8dd7 rgb(92,141,215)
```
#6c98db
```
#6c98db rgb(108,152,219)
```
#7ba3df
```
#7ba3df rgb(123,163,223)
```
#8baee2
```
#8baee2 rgb(139,174,226)
```
#9bb9e6
```
#9bb9e6 rgb(155,185,230)
```
#abc4ea
```
#abc4ea rgb(171,196,234)
```
#bacfee
```
#bacfee rgb(186,207,238)
```
#cadaf2
```
#cadaf2 rgb(202,218,242)
```
#dae5f6
```
#dae5f6 rgb(218,229,246)
```
#eaf0fa
```
#eaf0fa rgb(234,240,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747a84 is the less saturated color, while #0163f7 is the most saturated one.

#747a84
```
#747a84 rgb(116,122,132)
```
#6a788e
```
#6a788e rgb(106,120,142)
```
#617797
```
#617797 rgb(97,119,151)
```
#5775a1
```
#5775a1 rgb(87,117,161)
```
#4e73aa
```
#4e73aa rgb(78,115,170)
```
#4471b4
```
#4471b4 rgb(68,113,180)
```
#3b6fbd
```
#3b6fbd rgb(59,111,189)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#276bd1
```
#276bd1 rgb(39,107,209)
```
#1e69da
```
#1e69da rgb(30,105,218)
```
#1467e4
```
#1467e4 rgb(20,103,228)
```
#0b65ed
```
#0b65ed rgb(11,101,237)
```
#0163f7
```
#0163f7 rgb(1,99,247)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5b6779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4873c8 Protanopia 1% of men
#0077c8 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#3f70c8 Protanomaly 1% of men, 0.01% of women
#1173c7 Deuteranomaly 6% of men, 0.4% of women
#117aa0 Tritanomaly 0.01% of the population

#316dc7 hex color

#316dc7 Color Information

#316dc7 Color Conversion

Color Schemes with #316dc7

Alternatives to #316dc7

#316dc7 Preview

Shades and Tints of #316dc7

Tones of #316dc7

Color Blindness Simulator