#316ad5 hex color

In a RGB color space, hex #316ad5 is composed of 19.2% red, 41.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 50.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 219.1 degrees, a saturation of 66.1% and a lightness of 51.4%. #316ad5 color hex could be obtained by blending #62d4ff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 42
- B 84
RGB color chart
- C 77
- M 50
- Y 0
- K 16
CMYK color chart

● #316ad5 color description : Strong blue.

The hexadecimal color #316ad5 has RGB values of R:49, G:106, B:213 and CMYK values of C:0.77, M:0.5, Y:0, K:0.16. Its decimal value is 3238613.

Hex triplet	316ad5	`#316ad5`
RGB Decimal	49, 106, 213	`rgb(49,106,213)`
RGB Percent	19.2, 41.6, 83.5	`rgb(19.2%,41.6%,83.5%)`
CMYK	77, 50, 0, 16
HSL	219.1°, 66.1, 51.4	`hsl(219.1,66.1%,51.4%)`
HSV (or HSB)	219.1°, 77, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.663, 19.292, -60.379
XYZ	18.428, 15.764, 65.019
xyY	0.186, 0.159, 15.764
CIE-LCH	46.663, 63.386, 287.72
CIE-LUV	46.663, -20.632, -92.825
Hunter-Lab	39.704, 13.369, -69.301
Binary	00110001, 01101010, 11010101

#316ad5
```
#316ad5 rgb(49,106,213)
```
#d59c31
```
#d59c31 rgb(213,156,49)
```

Complementary Color

#31bcd5
```
#31bcd5 rgb(49,188,213)
```
#316ad5
```
#316ad5 rgb(49,106,213)
```
#4a31d5
```
#4a31d5 rgb(74,49,213)
```

Analogous Color

#bcd531
```
#bcd531 rgb(188,213,49)
```
#316ad5
```
#316ad5 rgb(49,106,213)
```
#d54a31
```
#d54a31 rgb(213,74,49)
```

Split Complementary Color

#6ad531
```
#6ad531 rgb(106,213,49)
```
#316ad5
```
#316ad5 rgb(49,106,213)
```
#d5316a
```
#d5316a rgb(213,49,106)
```

Triadic Color

#31d59c
```
#31d59c rgb(49,213,156)
```
#316ad5
```
#316ad5 rgb(49,106,213)
```
#d5316a
```
#d5316a rgb(213,49,106)
```
#d59c31
```
#d59c31 rgb(213,156,49)
```

Tetradic Color

#1f4a9a
```
#1f4a9a rgb(31,74,154)
```
#2454af
```
#2454af rgb(36,84,175)
```
#285ec4
```
#285ec4 rgb(40,94,196)
```
#316ad5
```
#316ad5 rgb(49,106,213)
```
#4679d9
```
#4679d9 rgb(70,121,217)
```
#5b89de
```
#5b89de rgb(91,137,222)
```
#7198e2
```
#7198e2 rgb(113,152,226)
```

Monochromatic Color

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

#3193d5
```
#3193d5 rgb(49,147,213)
```
#3185d5
```
#3185d5 rgb(49,133,213)
```
#3178d5
```
#3178d5 rgb(49,120,213)
```
#316ad5
```
#316ad5 rgb(49,106,213)
```
#315cd5
```
#315cd5 rgb(49,92,213)
```
#314fd5
```
#314fd5 rgb(49,79,213)
```
#3141d5
```
#3141d5 rgb(49,65,213)
```

Similar Colors

Text with hexadecimal color #316ad5

This text has a font color of #316ad5.

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

#316ad5 background color

This paragraph has a background color of #316ad5.

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

#316ad5 border color

This element has a border color of #316ad5.

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

CSS codes

.text {color:#316ad5;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#081226
```
#081226 rgb(8,18,38)
```
#0b1a37
```
#0b1a37 rgb(11,26,55)
```
#0e2247
```
#0e2247 rgb(14,34,71)
```
#122a57
```
#122a57 rgb(18,42,87)
```
#153268
```
#153268 rgb(21,50,104)
```
#183a78
```
#183a78 rgb(24,58,120)
```
#1c4188
```
#1c4188 rgb(28,65,136)
```
#1f4998
```
#1f4998 rgb(31,73,152)
```
#2251a9
```
#2251a9 rgb(34,81,169)
```
#2659b9
```
#2659b9 rgb(38,89,185)
```
#2961c9
```
#2961c9 rgb(41,97,201)
```

Shade Color Variation

#316ad5
```
#316ad5 rgb(49,106,213)
```
#4176d8
```
#4176d8 rgb(65,118,216)
```
#5282dc
```
#5282dc rgb(82,130,220)
```
#628ddf
```
#628ddf rgb(98,141,223)
```
#7299e2
```
#7299e2 rgb(114,153,226)
```
#82a5e6
```
#82a5e6 rgb(130,165,230)
```
#93b1e9
```
#93b1e9 rgb(147,177,233)
```
#a3bcec
```
#a3bcec rgb(163,188,236)
```
#b3c8f0
```
#b3c8f0 rgb(179,200,240)
```
#c4d4f3
```
#c4d4f3 rgb(196,212,243)
```
#d4e0f6
```
#d4e0f6 rgb(212,224,246)
```
#e4ecfa
```
#e4ecfa rgb(228,236,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8189 is the less saturated color, while #0b5efb is the most saturated one.

#7d8189
```
#7d8189 rgb(125,129,137)
```
#747e92
```
#747e92 rgb(116,126,146)
```
#6a7b9c
```
#6a7b9c rgb(106,123,156)
```
#6179a5
```
#6179a5 rgb(97,121,165)
```
#5776af
```
#5776af rgb(87,118,175)
```
#4e73b8
```
#4e73b8 rgb(78,115,184)
```
#4470c2
```
#4470c2 rgb(68,112,194)
```
#3b6dcb
```
#3b6dcb rgb(59,109,203)
```
#316ad5
```
#316ad5 rgb(49,106,213)
```
#2767df
```
#2767df rgb(39,103,223)
```
#1e64e8
```
#1e64e8 rgb(30,100,232)
```
#1461f2
```
#1461f2 rgb(20,97,242)
```
#0b5efb
```
#0b5efb rgb(11,94,251)
```

Tone Color Variation

Below, you can see how #316ad5 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
#5b667b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3072d8 Protanopia 1% of men
#0078c6 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#306fd6 Protanomaly 1% of men, 0.01% of women
#1173cb Deuteranomaly 6% of men, 0.4% of women
#1179a5 Tritanomaly 0.01% of the population

#316ad5 hex color

#316ad5 Color Information

#316ad5 Color Conversion

Color Schemes with #316ad5

Alternatives to #316ad5

#316ad5 Preview

Shades and Tints of #316ad5

Tones of #316ad5

Color Blindness Simulator