#316c85 hex color

In a RGB color space, hex #316c85 is composed of 19.2% red, 42.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 18.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 197.9 degrees, a saturation of 46.2% and a lightness of 35.7%. #316c85 color hex could be obtained by blending #62d8ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 42
- B 52
RGB color chart
- C 63
- M 19
- Y 0
- K 48
CMYK color chart

● #316c85 color description : Dark moderate blue.

The hexadecimal color #316c85 has RGB values of R:49, G:108, B:133 and CMYK values of C:0.63, M:0.19, Y:0, K:0.48. Its decimal value is 3239045.

Hex triplet	316c85	`#316c85`
RGB Decimal	49, 108, 133	`rgb(49,108,133)`
RGB Percent	19.2, 42.4, 52.2	`rgb(19.2%,42.4%,52.2%)`
CMYK	63, 19, 0, 48
HSL	197.9°, 46.2, 35.7	`hsl(197.9,46.2%,35.7%)`
HSV (or HSB)	197.9°, 63.2, 52.2
Web Safe	336699	`#336699`

CIE-LAB	42.87, -11.112, -19.547
XYZ	10.862, 13.071, 24.14
xyY	0.226, 0.272, 13.071
CIE-LCH	42.87, 22.485, 240.384
CIE-LUV	42.87, -23.578, -26.313
Hunter-Lab	36.153, -9.641, -14.28
Binary	00110001, 01101100, 10000101

#316c85
```
#316c85 rgb(49,108,133)
```
#854a31
```
#854a31 rgb(133,74,49)
```

Complementary Color

#318574
```
#318574 rgb(49,133,116)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#314285
```
#314285 rgb(49,66,133)
```

Analogous Color

#857431
```
#857431 rgb(133,116,49)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#853142
```
#853142 rgb(133,49,66)
```

Split Complementary Color

#6c8531
```
#6c8531 rgb(108,133,49)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#85316c
```
#85316c rgb(133,49,108)
```

Triadic Color

#31854a
```
#31854a rgb(49,133,74)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#85316c
```
#85316c rgb(133,49,108)
```
#854a31
```
#854a31 rgb(133,74,49)
```

Tetradic Color

#1c3f4d
```
#1c3f4d rgb(28,63,77)
```
#234e60
```
#234e60 rgb(35,78,96)
```
#2a5d72
```
#2a5d72 rgb(42,93,114)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#387b98
```
#387b98 rgb(56,123,152)
```
#3f8aaa
```
#3f8aaa rgb(63,138,170)
```
#4799bb
```
#4799bb rgb(71,153,187)
```

Monochromatic Color

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

#318185
```
#318185 rgb(49,129,133)
```
#317a85
```
#317a85 rgb(49,122,133)
```
#317385
```
#317385 rgb(49,115,133)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#316585
```
#316585 rgb(49,101,133)
```
#315e85
```
#315e85 rgb(49,94,133)
```
#315785
```
#315785 rgb(49,87,133)
```

Similar Colors

Text with hexadecimal color #316c85

This text has a font color of #316c85.

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

#316c85 background color

This paragraph has a background color of #316c85.

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

#316c85 border color

This element has a border color of #316c85.

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

CSS codes

.text {color:#316c85;}

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

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

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 #f5f9fb is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0c1b21
```
#0c1b21 rgb(12,27,33)
```
#11262f
```
#11262f rgb(17,38,47)
```
#17323d
```
#17323d rgb(23,50,61)
```
#1c3d4c
```
#1c3d4c rgb(28,61,76)
```
#21495a
```
#21495a rgb(33,73,90)
```
#265568
```
#265568 rgb(38,85,104)
```
#2c6077
```
#2c6077 rgb(44,96,119)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#367893
```
#367893 rgb(54,120,147)
```
#3c83a2
```
#3c83a2 rgb(60,131,162)
```
#418fb0
```
#418fb0 rgb(65,143,176)
```

Shade Color Variation

#499abc
```
#499abc rgb(73,154,188)
```
#57a2c1
```
#57a2c1 rgb(87,162,193)
```
#65a9c6
```
#65a9c6 rgb(101,169,198)
```
#74b1cc
```
#74b1cc rgb(116,177,204)
```
#82b9d1
```
#82b9d1 rgb(130,185,209)
```
#90c1d6
```
#90c1d6 rgb(144,193,214)
```
#9fc9dc
```
#9fc9dc rgb(159,201,220)
```
#add1e1
```
#add1e1 rgb(173,209,225)
```
#bbd9e6
```
#bbd9e6 rgb(187,217,230)
```
#cae1eb
```
#cae1eb rgb(202,225,235)
```
#d8e9f1
```
#d8e9f1 rgb(216,233,241)
```
#e6f1f6
```
#e6f1f6 rgb(230,241,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#545e62
```
#545e62 rgb(84,94,98)
```
#4d6169
```
#4d6169 rgb(77,97,105)
```
#466470
```
#466470 rgb(70,100,112)
```
#3f6677
```
#3f6677 rgb(63,102,119)
```
#38697e
```
#38697e rgb(56,105,126)
```
#316c85
```
#316c85 rgb(49,108,133)
```
#2a6f8c
```
#2a6f8c rgb(42,111,140)
```
#237293
```
#237293 rgb(35,114,147)
```
#1c759a
```
#1c759a rgb(28,117,154)
```
#1577a1
```
#1577a1 rgb(21,119,161)
```
#0e7aa8
```
#0e7aa8 rgb(14,122,168)
```
#077daf
```
#077daf rgb(7,125,175)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#546065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666c86 Protanopia 1% of men
#636b8e Deuteranopia 1% of men
#34767e Tritanopia 0.001% of the population

Trichromacy

#526c85 Protanomaly 1% of men, 0.01% of women
#516b8a Deuteranomaly 6% of men, 0.4% of women
#337280 Tritanomaly 0.01% of the population

#316c85 hex color

#316c85 Color Information

#316c85 Color Conversion

Color Schemes with #316c85

Alternatives to #316c85

#316c85 Preview

Shades and Tints of #316c85

Tones of #316c85

Color Blindness Simulator