colorhexa.com

#316aaf hex color

In a RGB color space, hex #316aaf is composed of 19.2% red, 41.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 39.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.9 degrees, a saturation of 56.3% and a lightness of 43.9%. #316aaf color hex could be obtained by blending #62d4ff with #00005f. Closest websafe color is: #336699.

- R 19
- G 42
- B 69
RGB color chart
- C 72
- M 39
- Y 0
- K 31
CMYK color chart

● #316aaf color description : Dark blue.

The hexadecimal color #316aaf has RGB values of R:49, G:106, B:175 and CMYK values of C:0.72, M:0.39, Y:0, K:0.31. Its decimal value is 3238575.

Hex triplet	316aaf	`#316aaf`
RGB Decimal	49, 106, 175	`rgb(49,106,175)`
RGB Percent	19.2, 41.6, 68.6	`rgb(19.2%,41.6%,68.6%)`
CMYK	72, 39, 0, 31
HSL	212.9°, 56.3, 43.9	`hsl(212.9,56.3%,43.9%)`
HSV (or HSB)	212.9°, 72, 68.6
Web Safe	336699	`#336699`

CIE-LAB	44.312, 5.075, -42.203
XYZ	14.157, 14.055, 42.522
xyY	0.2, 0.199, 14.055
CIE-LCH	44.312, 42.507, 276.857
CIE-LUV	44.312, -21.44, -63.097
Hunter-Lab	37.49, 1.796, -41.004
Binary	00110001, 01101010, 10101111

#316aaf
```
#316aaf rgb(49,106,175)
```
#af7631
```
#af7631 rgb(175,118,49)
```

Complementary Color

#31a9af
```
#31a9af rgb(49,169,175)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#3731af
```
#3731af rgb(55,49,175)
```

Analogous Color

#a9af31
```
#a9af31 rgb(169,175,49)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#af3731
```
#af3731 rgb(175,55,49)
```

Split Complementary Color

#6aaf31
```
#6aaf31 rgb(106,175,49)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#af316a
```
#af316a rgb(175,49,106)
```

Triadic Color

#31af76
```
#31af76 rgb(49,175,118)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#af316a
```
#af316a rgb(175,49,106)
```
#af7631
```
#af7631 rgb(175,118,49)
```

Tetradic Color

#204673
```
#204673 rgb(32,70,115)
```
#265287
```
#265287 rgb(38,82,135)
```
#2b5e9b
```
#2b5e9b rgb(43,94,155)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#3776c3
```
#3776c3 rgb(55,118,195)
```
#4783cc
```
#4783cc rgb(71,131,204)
```
#5b91d1
```
#5b91d1 rgb(91,145,209)
```

Monochromatic Color

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

#318aaf
```
#318aaf rgb(49,138,175)
```
#317faf
```
#317faf rgb(49,127,175)
```
#3175af
```
#3175af rgb(49,117,175)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#3160af
```
#3160af rgb(49,96,175)
```
#3155af
```
#3155af rgb(49,85,175)
```
#314baf
```
#314baf rgb(49,75,175)
```

Similar Colors

Text with hexadecimal color #316aaf

This text has a font color of #316aaf.

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

#316aaf background color

This paragraph has a background color of #316aaf.

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

#316aaf border color

This element has a border color of #316aaf.

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

CSS codes

.text {color:#316aaf;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060d16
```
#060d16 rgb(6,13,22)
```
#0a1625
```
#0a1625 rgb(10,22,37)
```
#0f2034
```
#0f2034 rgb(15,32,52)
```
#132944
```
#132944 rgb(19,41,68)
```
#173253
```
#173253 rgb(23,50,83)
```
#1c3c62
```
#1c3c62 rgb(28,60,98)
```
#204572
```
#204572 rgb(32,69,114)
```
#244e81
```
#244e81 rgb(36,78,129)
```
#285790
```
#285790 rgb(40,87,144)
```
#2d61a0
```
#2d61a0 rgb(45,97,160)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#3573be
```
#3573be rgb(53,115,190)
```

Shade Color Variation

#3e7dc9
```
#3e7dc9 rgb(62,125,201)
```
#4e87cd
```
#4e87cd rgb(78,135,205)
```
#5d92d2
```
#5d92d2 rgb(93,146,210)
```
#6c9cd6
```
#6c9cd6 rgb(108,156,214)
```
#7ca6da
```
#7ca6da rgb(124,166,218)
```
#8bb1de
```
#8bb1de rgb(139,177,222)
```
#9abbe3
```
#9abbe3 rgb(154,187,227)
```
#a9c5e7
```
#a9c5e7 rgb(169,197,231)
```
#b9d0eb
```
#b9d0eb rgb(185,208,235)
```
#c8daf0
```
#c8daf0 rgb(200,218,240)
```
#d7e4f4
```
#d7e4f4 rgb(215,228,244)
```
#e7eff8
```
#e7eff8 rgb(231,239,248)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#6d7073
```
#6d7073 rgb(109,112,115)
```
#656f7b
```
#656f7b rgb(101,111,123)
```
#5c6e84
```
#5c6e84 rgb(92,110,132)
```
#536d8d
```
#536d8d rgb(83,109,141)
```
#4b6c95
```
#4b6c95 rgb(75,108,149)
```
#426c9e
```
#426c9e rgb(66,108,158)
```
#3a6ba6
```
#3a6ba6 rgb(58,107,166)
```
#316aaf
```
#316aaf rgb(49,106,175)
```
#2869b8
```
#2869b8 rgb(40,105,184)
```
#2068c0
```
#2068c0 rgb(32,104,192)
```
#1768c9
```
#1768c9 rgb(23,104,201)
```
#0f67d1
```
#0f67d1 rgb(15,103,209)
```
#0666da
```
#0666da rgb(6,102,218)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#536eb0 Protanopia 1% of men
#3e71b3 Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#476caf Protanomaly 1% of men, 0.01% of women
#396eb1 Deuteranomaly 6% of men, 0.4% of women
#117593 Tritanomaly 0.01% of the population