#316ad3 hex color

In a RGB color space, hex #316ad3 is composed of 19.2% red, 41.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 49.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 218.9 degrees, a saturation of 64.8% and a lightness of 51%. #316ad3 color hex could be obtained by blending #62d4ff with #0000a7. Closest websafe color is: #3366cc.

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

● #316ad3 color description : Strong blue.

The hexadecimal color #316ad3 has RGB values of R:49, G:106, B:211 and CMYK values of C:0.77, M:0.5, Y:0, K:0.17. Its decimal value is 3238611.

Hex triplet	316ad3	`#316ad3`
RGB Decimal	49, 106, 211	`rgb(49,106,211)`
RGB Percent	19.2, 41.6, 82.7	`rgb(19.2%,41.6%,82.7%)`
CMYK	77, 50, 0, 17
HSL	218.9°, 64.8, 51	`hsl(218.9,64.8%,51%)`
HSV (or HSB)	218.9°, 76.8, 82.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.529, 18.543, -59.454
XYZ	18.176, 15.663, 63.69
xyY	0.186, 0.161, 15.663
CIE-LCH	46.529, 62.279, 287.322
CIE-LUV	46.529, -20.664, -91.325
Hunter-Lab	39.576, 12.72, -67.711
Binary	00110001, 01101010, 11010011

#316ad3
```
#316ad3 rgb(49,106,211)
```
#d39a31
```
#d39a31 rgb(211,154,49)
```

Complementary Color

#31bbd3
```
#31bbd3 rgb(49,187,211)
```
#316ad3
```
#316ad3 rgb(49,106,211)
```
#4931d3
```
#4931d3 rgb(73,49,211)
```

Analogous Color

#bbd331
```
#bbd331 rgb(187,211,49)
```
#316ad3
```
#316ad3 rgb(49,106,211)
```
#d34931
```
#d34931 rgb(211,73,49)
```

Split Complementary Color

#6ad331
```
#6ad331 rgb(106,211,49)
```
#316ad3
```
#316ad3 rgb(49,106,211)
```
#d3316a
```
#d3316a rgb(211,49,106)
```

Triadic Color

#31d39a
```
#31d39a rgb(49,211,154)
```
#316ad3
```
#316ad3 rgb(49,106,211)
```
#d3316a
```
#d3316a rgb(211,49,106)
```
#d39a31
```
#d39a31 rgb(211,154,49)
```

Tetradic Color

#204a97
```
#204a97 rgb(32,74,151)
```
#2554ac
```
#2554ac rgb(37,84,172)
```
#295fc1
```
#295fc1 rgb(41,95,193)
```
#316ad3
```
#316ad3 rgb(49,106,211)
```
#4679d7
```
#4679d7 rgb(70,121,215)
```
#5b88dc
```
#5b88dc rgb(91,136,220)
```
#7098e0
```
#7098e0 rgb(112,152,224)
```

Monochromatic Color

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

#3193d3
```
#3193d3 rgb(49,147,211)
```
#3185d3
```
#3185d3 rgb(49,133,211)
```
#3178d3
```
#3178d3 rgb(49,120,211)
```
#316ad3
```
#316ad3 rgb(49,106,211)
```
#315dd3
```
#315dd3 rgb(49,93,211)
```
#314fd3
```
#314fd3 rgb(49,79,211)
```
#3142d3
```
#3142d3 rgb(49,66,211)
```

Similar Colors

Text with hexadecimal color #316ad3

This text has a font color of #316ad3.

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

#316ad3 background color

This paragraph has a background color of #316ad3.

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

#316ad3 border color

This element has a border color of #316ad3.

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

CSS codes

.text {color:#316ad3;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040a14
```
#040a14 rgb(4,10,20)
```
#081224
```
#081224 rgb(8,18,36)
```
#0b1a35
```
#0b1a35 rgb(11,26,53)
```
#0f2245
```
#0f2245 rgb(15,34,69)
```
#122a55
```
#122a55 rgb(18,42,85)
```
#163265
```
#163265 rgb(22,50,101)
```
#193975
```
#193975 rgb(25,57,117)
```
#1c4185
```
#1c4185 rgb(28,65,133)
```
#204996
```
#204996 rgb(32,73,150)
```
#2351a6
```
#2351a6 rgb(35,81,166)
```
#2759b6
```
#2759b6 rgb(39,89,182)
```
#2a61c6
```
#2a61c6 rgb(42,97,198)
```

Shade Color Variation

#316ad3
```
#316ad3 rgb(49,106,211)
```
#4176d6
```
#4176d6 rgb(65,118,214)
```
#5181da
```
#5181da rgb(81,129,218)
```
#618ddd
```
#618ddd rgb(97,141,221)
```
#7299e1
```
#7299e1 rgb(114,153,225)
```
#82a4e4
```
#82a4e4 rgb(130,164,228)
```
#92b0e8
```
#92b0e8 rgb(146,176,232)
```
#a2bceb
```
#a2bceb rgb(162,188,235)
```
#b2c8ef
```
#b2c8ef rgb(178,200,239)
```
#c2d3f2
```
#c2d3f2 rgb(194,211,242)
```
#d3dff6
```
#d3dff6 rgb(211,223,246)
```
#e3ebf9
```
#e3ebf9 rgb(227,235,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#7e8186
```
#7e8186 rgb(126,129,134)
```
#747e90
```
#747e90 rgb(116,126,144)
```
#6b7b99
```
#6b7b99 rgb(107,123,153)
```
#6178a3
```
#6178a3 rgb(97,120,163)
```
#5775ad
```
#5775ad rgb(87,117,173)
```
#4e73b6
```
#4e73b6 rgb(78,115,182)
```
#4470c0
```
#4470c0 rgb(68,112,192)
```
#3b6dc9
```
#3b6dc9 rgb(59,109,201)
```
#316ad3
```
#316ad3 rgb(49,106,211)
```
#2767dd
```
#2767dd rgb(39,103,221)
```
#1e64e6
```
#1e64e6 rgb(30,100,230)
```
#1461f0
```
#1461f0 rgb(20,97,240)
```
#0b5ff9
```
#0b5ff9 rgb(11,95,249)
```

Tone Color Variation

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

#3372d5 Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#326fd4 Protanomaly 1% of men, 0.01% of women
#1172ca Deuteranomaly 6% of men, 0.4% of women
#1178a4 Tritanomaly 0.01% of the population

#316ad3 hex color

#316ad3 Color Information

#316ad3 Color Conversion

Color Schemes with #316ad3

Alternatives to #316ad3

#316ad3 Preview

Shades and Tints of #316ad3

Tones of #316ad3

Color Blindness Simulator