#316282 hex color

In a RGB color space, hex #316282 is composed of 19.2% red, 38.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 24.6% magenta, 0% yellow and 49% black. It has a hue angle of 203.7 degrees, a saturation of 45.3% and a lightness of 35.1%. #316282 color hex could be obtained by blending #62c4ff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 38
- B 51
RGB color chart
- C 62
- M 25
- Y 0
- K 49
CMYK color chart

● #316282 color description : Dark moderate blue.

The hexadecimal color #316282 has RGB values of R:49, G:98, B:130 and CMYK values of C:0.62, M:0.25, Y:0, K:0.49. Its decimal value is 3236482.

Hex triplet	316282	`#316282`
RGB Decimal	49, 98, 130	`rgb(49,98,130)`
RGB Percent	19.2, 38.4, 51	`rgb(19.2%,38.4%,51%)`
CMYK	62, 25, 0, 49
HSL	203.7°, 45.3, 35.1	`hsl(203.7,45.3%,35.1%)`
HSV (or HSB)	203.7°, 62.3, 51
Web Safe	336699	`#336699`

CIE-LAB	39.579, -6.209, -22.82
XYZ	9.663, 10.999, 22.732
xyY	0.223, 0.253, 10.999
CIE-LCH	39.579, 23.649, 254.779
CIE-LUV	39.579, -19.905, -31.231
Hunter-Lab	33.165, -6.034, -17.422
Binary	00110001, 01100010, 10000010

#316282
```
#316282 rgb(49,98,130)
```
#825131
```
#825131 rgb(130,81,49)
```

Complementary Color

#31827a
```
#31827a rgb(49,130,122)
```
#316282
```
#316282 rgb(49,98,130)
```
#313a82
```
#313a82 rgb(49,58,130)
```

Analogous Color

#827a31
```
#827a31 rgb(130,122,49)
```
#316282
```
#316282 rgb(49,98,130)
```
#82313a
```
#82313a rgb(130,49,58)
```

Split Complementary Color

#628231
```
#628231 rgb(98,130,49)
```
#316282
```
#316282 rgb(49,98,130)
```
#823162
```
#823162 rgb(130,49,98)
```

Triadic Color

#318251
```
#318251 rgb(49,130,81)
```
#316282
```
#316282 rgb(49,98,130)
```
#823162
```
#823162 rgb(130,49,98)
```
#825131
```
#825131 rgb(130,81,49)
```

Tetradic Color

#1c384a
```
#1c384a rgb(28,56,74)
```
#23465d
```
#23465d rgb(35,70,93)
```
#2a546f
```
#2a546f rgb(42,84,111)
```
#316282
```
#316282 rgb(49,98,130)
```
#387095
```
#387095 rgb(56,112,149)
```
#3f7ea7
```
#3f7ea7 rgb(63,126,167)
```
#468cb9
```
#468cb9 rgb(70,140,185)
```

Monochromatic Color

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

#317682
```
#317682 rgb(49,118,130)
```
#317082
```
#317082 rgb(49,112,130)
```
#316982
```
#316982 rgb(49,105,130)
```
#316282
```
#316282 rgb(49,98,130)
```
#315b82
```
#315b82 rgb(49,91,130)
```
#315582
```
#315582 rgb(49,85,130)
```
#314e82
```
#314e82 rgb(49,78,130)
```

Similar Colors

Text with hexadecimal color #316282

This text has a font color of #316282.

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

#316282 background color

This paragraph has a background color of #316282.

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

#316282 border color

This element has a border color of #316282.

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

CSS codes

.text {color:#316282;}

.background {background-color:#316282;}

.border {border:1px solid #316282;}

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b171e
```
#0b171e rgb(11,23,30)
```
#11222d
```
#11222d rgb(17,34,45)
```
#162c3b
```
#162c3b rgb(22,44,59)
```
#1c3749
```
#1c3749 rgb(28,55,73)
```
#214257
```
#214257 rgb(33,66,87)
```
#264d66
```
#264d66 rgb(38,77,102)
```
#2c5774
```
#2c5774 rgb(44,87,116)
```
#316282
```
#316282 rgb(49,98,130)
```
#366d90
```
#366d90 rgb(54,109,144)
```
#3c779e
```
#3c779e rgb(60,119,158)
```
#4182ad
```
#4182ad rgb(65,130,173)
```

Shade Color Variation

#488dba
```
#488dba rgb(72,141,186)
```
#5696bf
```
#5696bf rgb(86,150,191)
```
#649ec5
```
#649ec5 rgb(100,158,197)
```
#72a7ca
```
#72a7ca rgb(114,167,202)
```
#81b0cf
```
#81b0cf rgb(129,176,207)
```
#8fb9d5
```
#8fb9d5 rgb(143,185,213)
```
#9dc2da
```
#9dc2da rgb(157,194,218)
```
#abcbdf
```
#abcbdf rgb(171,203,223)
```
#bad4e5
```
#bad4e5 rgb(186,212,229)
```
#c8ddea
```
#c8ddea rgb(200,221,234)
```
#d6e5f0
```
#d6e5f0 rgb(214,229,240)
```
#e4eef5
```
#e4eef5 rgb(228,238,245)
```
#f3f7fa
```
#f3f7fa rgb(243,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535b60 is the less saturated color, while #016cb2 is the most saturated one.

#535b60
```
#535b60 rgb(83,91,96)
```
#4d5c66
```
#4d5c66 rgb(77,92,102)
```
#465e6d
```
#465e6d rgb(70,94,109)
```
#3f5f74
```
#3f5f74 rgb(63,95,116)
```
#38617b
```
#38617b rgb(56,97,123)
```
#316282
```
#316282 rgb(49,98,130)
```
#2a6389
```
#2a6389 rgb(42,99,137)
```
#236590
```
#236590 rgb(35,101,144)
```
#1c6697
```
#1c6697 rgb(28,102,151)
```
#15689e
```
#15689e rgb(21,104,158)
```
#0f69a4
```
#0f69a4 rgb(15,105,164)
```
#086bab
```
#086bab rgb(8,107,171)
```
#016cb2
```
#016cb2 rgb(1,108,178)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6484 Protanopia 1% of men
#57648a Deuteranopia 1% of men
#306d75 Tritanopia 0.001% of the population

Trichromacy

#4c6383 Protanomaly 1% of men, 0.01% of women
#496387 Deuteranomaly 6% of men, 0.4% of women
#30697a Tritanomaly 0.01% of the population

#316282 hex color

#316282 Color Information

#316282 Color Conversion

Color Schemes with #316282

Alternatives to #316282

#316282 Preview

Shades and Tints of #316282

Tones of #316282

Color Blindness Simulator