#316f87 hex color

In a RGB color space, hex #316f87 is composed of 19.2% red, 43.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 17.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 196.7 degrees, a saturation of 46.7% and a lightness of 36.1%. #316f87 color hex could be obtained by blending #62deff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 44
- B 53
RGB color chart
- C 64
- M 18
- Y 0
- K 47
CMYK color chart

● #316f87 color description : Dark moderate blue.

The hexadecimal color #316f87 has RGB values of R:49, G:111, B:135 and CMYK values of C:0.64, M:0.18, Y:0, K:0.47. Its decimal value is 3239815.

Hex triplet	316f87	`#316f87`
RGB Decimal	49, 111, 135	`rgb(49,111,135)`
RGB Percent	19.2, 43.5, 52.9	`rgb(19.2%,43.5%,52.9%)`
CMYK	64, 18, 0, 47
HSL	196.7°, 46.7, 36.1	`hsl(196.7,46.7%,36.1%)`
HSV (or HSB)	196.7°, 63.7, 52.9
Web Safe	336699	`#336699`

CIE-LAB	43.902, -12.172, -19.159
XYZ	11.323, 13.77, 24.982
xyY	0.226, 0.275, 13.77
CIE-LCH	43.902, 22.699, 237.572
CIE-LUV	43.902, -24.635, -25.74
Hunter-Lab	37.108, -10.473, -13.939
Binary	00110001, 01101111, 10000111

#316f87
```
#316f87 rgb(49,111,135)
```
#874931
```
#874931 rgb(135,73,49)
```

Complementary Color

#318774
```
#318774 rgb(49,135,116)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#314487
```
#314487 rgb(49,68,135)
```

Analogous Color

#877431
```
#877431 rgb(135,116,49)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#873144
```
#873144 rgb(135,49,68)
```

Split Complementary Color

#6f8731
```
#6f8731 rgb(111,135,49)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#87316f
```
#87316f rgb(135,49,111)
```

Triadic Color

#318749
```
#318749 rgb(49,135,73)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#87316f
```
#87316f rgb(135,49,111)
```
#874931
```
#874931 rgb(135,73,49)
```

Tetradic Color

#1d414f
```
#1d414f rgb(29,65,79)
```
#235062
```
#235062 rgb(35,80,98)
```
#2a6074
```
#2a6074 rgb(42,96,116)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#387e9a
```
#387e9a rgb(56,126,154)
```
#3f8eac
```
#3f8eac rgb(63,142,172)
```
#489cbd
```
#489cbd rgb(72,156,189)
```

Monochromatic Color

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

#318587
```
#318587 rgb(49,133,135)
```
#317d87
```
#317d87 rgb(49,125,135)
```
#317687
```
#317687 rgb(49,118,135)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#316887
```
#316887 rgb(49,104,135)
```
#316187
```
#316187 rgb(49,97,135)
```
#315a87
```
#315a87 rgb(49,90,135)
```

Similar Colors

Text with hexadecimal color #316f87

This text has a font color of #316f87.

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

#316f87 background color

This paragraph has a background color of #316f87.

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

#316f87 border color

This element has a border color of #316f87.

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

CSS codes

.text {color:#316f87;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071014
```
#071014 rgb(7,16,20)
```
#0c1c22
```
#0c1c22 rgb(12,28,34)
```
#122831
```
#122831 rgb(18,40,49)
```
#17343f
```
#17343f rgb(23,52,63)
```
#1c404d
```
#1c404d rgb(28,64,77)
```
#214c5c
```
#214c5c rgb(33,76,92)
```
#27576a
```
#27576a rgb(39,87,106)
```
#2c6379
```
#2c6379 rgb(44,99,121)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#367b95
```
#367b95 rgb(54,123,149)
```
#3b87a4
```
#3b87a4 rgb(59,135,164)
```
#4192b2
```
#4192b2 rgb(65,146,178)
```

Shade Color Variation

#499dbd
```
#499dbd rgb(73,157,189)
```
#58a5c2
```
#58a5c2 rgb(88,165,194)
```
#66acc8
```
#66acc8 rgb(102,172,200)
```
#75b4cd
```
#75b4cd rgb(117,180,205)
```
#83bcd2
```
#83bcd2 rgb(131,188,210)
```
#91c4d7
```
#91c4d7 rgb(145,196,215)
```
#a0cbdc
```
#a0cbdc rgb(160,203,220)
```
#aed3e2
```
#aed3e2 rgb(174,211,226)
```
#bddbe7
```
#bddbe7 rgb(189,219,231)
```
#cbe3ec
```
#cbe3ec rgb(203,227,236)
```
#d9ebf1
```
#d9ebf1 rgb(217,235,241)
```
#e8f2f7
```
#e8f2f7 rgb(232,242,247)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c5d is the less saturated color, while #0782b1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545f64
```
#545f64 rgb(84,95,100)
```
#4d626b
```
#4d626b rgb(77,98,107)
```
#466672
```
#466672 rgb(70,102,114)
```
#3f6979
```
#3f6979 rgb(63,105,121)
```
#386c80
```
#386c80 rgb(56,108,128)
```
#316f87
```
#316f87 rgb(49,111,135)
```
#2a728e
```
#2a728e rgb(42,114,142)
```
#237595
```
#237595 rgb(35,117,149)
```
#1c789c
```
#1c789c rgb(28,120,156)
```
#157ca3
```
#157ca3 rgb(21,124,163)
```
#0e7faa
```
#0e7faa rgb(14,127,170)
```
#0782b1
```
#0782b1 rgb(7,130,177)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#566267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696e88 Protanopia 1% of men
#666e90 Deuteranopia 1% of men
#347881 Tritanopia 0.001% of the population

Trichromacy

#546e87 Protanomaly 1% of men, 0.01% of women
#536e8d Deuteranomaly 6% of men, 0.4% of women
#337583 Tritanomaly 0.01% of the population

#316f87 hex color

#316f87 Color Information

#316f87 Color Conversion

Color Schemes with #316f87

Alternatives to #316f87

#316f87 Preview

Shades and Tints of #316f87

Tones of #316f87

Color Blindness Simulator