#316fac hex color

In a RGB color space, hex #316fac is composed of 19.2% red, 43.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 35.5% magenta, 0% yellow and 32.5% black. It has a hue angle of 209.8 degrees, a saturation of 55.7% and a lightness of 43.3%. #316fac color hex could be obtained by blending #62deff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 44
- B 67
RGB color chart
- C 72
- M 35
- Y 0
- K 33
CMYK color chart

● #316fac color description : Dark blue.

The hexadecimal color #316fac has RGB values of R:49, G:111, B:172 and CMYK values of C:0.72, M:0.35, Y:0, K:0.33. Its decimal value is 3239852.

Hex triplet	316fac	`#316fac`
RGB Decimal	49, 111, 172	`rgb(49,111,172)`
RGB Percent	19.2, 43.5, 67.5	`rgb(19.2%,43.5%,67.5%)`
CMYK	72, 35, 0, 33
HSL	209.8°, 55.7, 43.3	`hsl(209.8,55.7%,43.3%)`
HSV (or HSB)	209.8°, 71.5, 67.5
Web Safe	336699	`#336699`

CIE-LAB	45.633, 0.863, -38.352
XYZ	14.396, 14.999, 41.164
xyY	0.204, 0.213, 14.999
CIE-LCH	45.633, 38.361, 271.288
CIE-LUV	45.633, -23.228, -57.144
Hunter-Lab	38.729, -1.426, -35.907
Binary	00110001, 01101111, 10101100

#316fac
```
#316fac rgb(49,111,172)
```
#ac6e31
```
#ac6e31 rgb(172,110,49)
```

Complementary Color

#31acac
```
#31acac rgb(49,172,172)
```
#316fac
```
#316fac rgb(49,111,172)
```
#3131ac
```
#3131ac rgb(49,49,172)
```

Analogous Color

#acac31
```
#acac31 rgb(172,172,49)
```
#316fac
```
#316fac rgb(49,111,172)
```
#ac3132
```
#ac3132 rgb(172,49,50)
```

Split Complementary Color

#6fac31
```
#6fac31 rgb(111,172,49)
```
#316fac
```
#316fac rgb(49,111,172)
```
#ac316f
```
#ac316f rgb(172,49,111)
```

Triadic Color

#31ac6e
```
#31ac6e rgb(49,172,110)
```
#316fac
```
#316fac rgb(49,111,172)
```
#ac316f
```
#ac316f rgb(172,49,111)
```
#ac6e31
```
#ac6e31 rgb(172,110,49)
```

Tetradic Color

#204970
```
#204970 rgb(32,73,112)
```
#265584
```
#265584 rgb(38,85,132)
```
#2b6298
```
#2b6298 rgb(43,98,152)
```
#316fac
```
#316fac rgb(49,111,172)
```
#377cc0
```
#377cc0 rgb(55,124,192)
```
#4689ca
```
#4689ca rgb(70,137,202)
```
#5a95d0
```
#5a95d0 rgb(90,149,208)
```

Monochromatic Color

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

#318eac
```
#318eac rgb(49,142,172)
```
#3184ac
```
#3184ac rgb(49,132,172)
```
#3179ac
```
#3179ac rgb(49,121,172)
```
#316fac
```
#316fac rgb(49,111,172)
```
#3165ac
```
#3165ac rgb(49,101,172)
```
#315aac
```
#315aac rgb(49,90,172)
```
#3150ac
```
#3150ac rgb(49,80,172)
```

Similar Colors

Text with hexadecimal color #316fac

This text has a font color of #316fac.

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

#316fac background color

This paragraph has a background color of #316fac.

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

#316fac border color

This element has a border color of #316fac.

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

CSS codes

.text {color:#316fac;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#060c13
```
#060c13 rgb(6,12,19)
```
#0a1623
```
#0a1623 rgb(10,22,35)
```
#0e2032
```
#0e2032 rgb(14,32,50)
```
#132a41
```
#132a41 rgb(19,42,65)
```
#173450
```
#173450 rgb(23,52,80)
```
#1b3e60
```
#1b3e60 rgb(27,62,96)
```
#20486f
```
#20486f rgb(32,72,111)
```
#24517e
```
#24517e rgb(36,81,126)
```
#285b8d
```
#285b8d rgb(40,91,141)
```
#2d659d
```
#2d659d rgb(45,101,157)
```
#316fac
```
#316fac rgb(49,111,172)
```
#3579bb
```
#3579bb rgb(53,121,187)
```

Shade Color Variation

#3d83c8
```
#3d83c8 rgb(61,131,200)
```
#4c8ccc
```
#4c8ccc rgb(76,140,204)
```
#5b96d0
```
#5b96d0 rgb(91,150,208)
```
#6aa0d5
```
#6aa0d5 rgb(106,160,213)
```
#7aaad9
```
#7aaad9 rgb(122,170,217)
```
#89b3dd
```
#89b3dd rgb(137,179,221)
```
#98bde2
```
#98bde2 rgb(152,189,226)
```
#a7c7e6
```
#a7c7e6 rgb(167,199,230)
```
#b7d1ea
```
#b7d1ea rgb(183,209,234)
```
#c6dbef
```
#c6dbef rgb(198,219,239)
```
#d5e4f3
```
#d5e4f3 rgb(213,228,243)
```
#e5eef7
```
#e5eef7 rgb(229,238,247)
```
#f4f8fc
```
#f4f8fc rgb(244,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 #066fd7 is the most saturated one.

#6d6f71
```
#6d6f71 rgb(109,111,113)
```
#646f79
```
#646f79 rgb(100,111,121)
```
#5c6f82
```
#5c6f82 rgb(92,111,130)
```
#536f8a
```
#536f8a rgb(83,111,138)
```
#4b6f93
```
#4b6f93 rgb(75,111,147)
```
#426f9b
```
#426f9b rgb(66,111,155)
```
#3a6fa4
```
#3a6fa4 rgb(58,111,164)
```
#316fac
```
#316fac rgb(49,111,172)
```
#296fb5
```
#296fb5 rgb(41,111,181)
```
#206fbd
```
#206fbd rgb(32,111,189)
```
#186fc6
```
#186fc6 rgb(24,111,198)
```
#0f6fce
```
#0f6fce rgb(15,111,206)
```
#066fd7
```
#066fd7 rgb(6,111,215)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#596572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c71ac Protanopia 1% of men
#4c73b1 Deuteranopia 1% of men
#007e88 Tritanopia 0.001% of the population

Trichromacy

#4c70ac Protanomaly 1% of men, 0.01% of women
#4272af Deuteranomaly 6% of men, 0.4% of women
#117995 Tritanomaly 0.01% of the population

#316fac hex color

#316fac Color Information

#316fac Color Conversion

Color Schemes with #316fac

Alternatives to #316fac

#316fac Preview

Shades and Tints of #316fac

Tones of #316fac

Color Blindness Simulator