#316fad hex color

In a RGB color space, hex #316fad is composed of 19.2% red, 43.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 35.8% magenta, 0% yellow and 32.2% black. It has a hue angle of 210 degrees, a saturation of 55.9% and a lightness of 43.5%. #316fad color hex could be obtained by blending #62deff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 44
- B 68
RGB color chart
- C 72
- M 36
- Y 0
- K 32
CMYK color chart

● #316fad color description : Dark blue.

The hexadecimal color #316fad has RGB values of R:49, G:111, B:173 and CMYK values of C:0.72, M:0.36, Y:0, K:0.32. Its decimal value is 3239853.

Hex triplet	316fad	`#316fad`
RGB Decimal	49, 111, 173	`rgb(49,111,173)`
RGB Percent	19.2, 43.5, 67.8	`rgb(19.2%,43.5%,67.8%)`
CMYK	72, 36, 0, 32
HSL	210°, 55.9, 43.5	`hsl(210,55.9%,43.5%)`
HSV (or HSB)	210°, 71.7, 67.8
Web Safe	336699	`#336699`

CIE-LAB	45.686, 1.229, -38.853
XYZ	14.492, 15.038, 41.672
xyY	0.204, 0.211, 15.038
CIE-LCH	45.686, 38.872, 271.811
CIE-LUV	45.686, -23.195, -57.976
Hunter-Lab	38.779, -1.155, -36.568
Binary	00110001, 01101111, 10101101

#316fad
```
#316fad rgb(49,111,173)
```
#ad6f31
```
#ad6f31 rgb(173,111,49)
```

Complementary Color

#31adad
```
#31adad rgb(49,173,173)
```
#316fad
```
#316fad rgb(49,111,173)
```
#3131ad
```
#3131ad rgb(49,49,173)
```

Analogous Color

#adad31
```
#adad31 rgb(173,173,49)
```
#316fad
```
#316fad rgb(49,111,173)
```
#ad3131
```
#ad3131 rgb(173,49,49)
```

Split Complementary Color

#6fad31
```
#6fad31 rgb(111,173,49)
```
#316fad
```
#316fad rgb(49,111,173)
```
#ad316f
```
#ad316f rgb(173,49,111)
```

Triadic Color

#31ad6f
```
#31ad6f rgb(49,173,111)
```
#316fad
```
#316fad rgb(49,111,173)
```
#ad316f
```
#ad316f rgb(173,49,111)
```
#ad6f31
```
#ad6f31 rgb(173,111,49)
```

Tetradic Color

#204971
```
#204971 rgb(32,73,113)
```
#265685
```
#265685 rgb(38,86,133)
```
#2b6299
```
#2b6299 rgb(43,98,153)
```
#316fad
```
#316fad rgb(49,111,173)
```
#377cc1
```
#377cc1 rgb(55,124,193)
```
#4689cb
```
#4689cb rgb(70,137,203)
```
#5a95d0
```
#5a95d0 rgb(90,149,208)
```

Monochromatic Color

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

#318ead
```
#318ead rgb(49,142,173)
```
#3184ad
```
#3184ad rgb(49,132,173)
```
#3179ad
```
#3179ad rgb(49,121,173)
```
#316fad
```
#316fad rgb(49,111,173)
```
#3165ad
```
#3165ad rgb(49,101,173)
```
#315aad
```
#315aad rgb(49,90,173)
```
#3150ad
```
#3150ad rgb(49,80,173)
```

Similar Colors

Text with hexadecimal color #316fad

This text has a font color of #316fad.

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

#316fad background color

This paragraph has a background color of #316fad.

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

#316fad border color

This element has a border color of #316fad.

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

CSS codes

.text {color:#316fad;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#060d14
```
#060d14 rgb(6,13,20)
```
#0a1723
```
#0a1723 rgb(10,23,35)
```
#0e2133
```
#0e2133 rgb(14,33,51)
```
#132a42
```
#132a42 rgb(19,42,66)
```
#173451
```
#173451 rgb(23,52,81)
```
#1b3e61
```
#1b3e61 rgb(27,62,97)
```
#204870
```
#204870 rgb(32,72,112)
```
#24527f
```
#24527f rgb(36,82,127)
```
#285b8e
```
#285b8e rgb(40,91,142)
```
#2d659e
```
#2d659e rgb(45,101,158)
```
#316fad
```
#316fad rgb(49,111,173)
```
#3579bc
```
#3579bc rgb(53,121,188)
```

Shade Color Variation

#3d83c8
```
#3d83c8 rgb(61,131,200)
```
#4c8ccc
```
#4c8ccc rgb(76,140,204)
```
#5c96d1
```
#5c96d1 rgb(92,150,209)
```
#6ba0d5
```
#6ba0d5 rgb(107,160,213)
```
#7aaad9
```
#7aaad9 rgb(122,170,217)
```
#8ab4de
```
#8ab4de rgb(138,180,222)
```
#99bde2
```
#99bde2 rgb(153,189,226)
```
#a8c7e6
```
#a8c7e6 rgb(168,199,230)
```
#b7d1eb
```
#b7d1eb rgb(183,209,235)
```
#c7dbef
```
#c7dbef rgb(199,219,239)
```
#d6e5f3
```
#d6e5f3 rgb(214,229,243)
```
#e5eff8
```
#e5eff8 rgb(229,239,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6f71 is the less saturated color, while #066fd8 is the most saturated one.

#6d6f71
```
#6d6f71 rgb(109,111,113)
```
#646f7a
```
#646f7a rgb(100,111,122)
```
#5c6f82
```
#5c6f82 rgb(92,111,130)
```
#536f8b
```
#536f8b rgb(83,111,139)
```
#4b6f93
```
#4b6f93 rgb(75,111,147)
```
#426f9c
```
#426f9c rgb(66,111,156)
```
#3a6fa4
```
#3a6fa4 rgb(58,111,164)
```
#316fad
```
#316fad rgb(49,111,173)
```
#286fb6
```
#286fb6 rgb(40,111,182)
```
#206fbe
```
#206fbe rgb(32,111,190)
```
#176fc7
```
#176fc7 rgb(23,111,199)
```
#0f6fcf
```
#0f6fcf rgb(15,111,207)
```
#066fd8
```
#066fd8 rgb(6,111,216)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5a6673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b71ad Protanopia 1% of men
#4b74b2 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#4c70ad Protanomaly 1% of men, 0.01% of women
#4172b0 Deuteranomaly 6% of men, 0.4% of women
#117995 Tritanomaly 0.01% of the population

#316fad hex color

#316fad Color Information

#316fad Color Conversion

Color Schemes with #316fad

Alternatives to #316fad

#316fad Preview

Shades and Tints of #316fad

Tones of #316fad

Color Blindness Simulator