#316682 hex color

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

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

● #316682 color description : Dark moderate blue.

The hexadecimal color #316682 has RGB values of R:49, G:102, B:130 and CMYK values of C:0.62, M:0.22, Y:0, K:0.49. Its decimal value is 3237506.

Hex triplet	316682	`#316682`
RGB Decimal	49, 102, 130	`rgb(49,102,130)`
RGB Percent	19.2, 40, 51	`rgb(19.2%,40%,51%)`
CMYK	62, 22, 0, 49
HSL	200.7°, 45.3, 35.1	`hsl(200.7,45.3%,35.1%)`
HSV (or HSB)	200.7°, 62.3, 51
Web Safe	336699	`#336699`

CIE-LAB	40.843, -8.607, -20.863
XYZ	10.046, 11.767, 22.86
xyY	0.225, 0.263, 11.767
CIE-LCH	40.843, 22.569, 247.583
CIE-LUV	40.843, -21.413, -28.271
Hunter-Lab	34.303, -7.752, -15.5
Binary	00110001, 01100110, 10000010

#316682
```
#316682 rgb(49,102,130)
```
#824d31
```
#824d31 rgb(130,77,49)
```

Complementary Color

#318276
```
#318276 rgb(49,130,118)
```
#316682
```
#316682 rgb(49,102,130)
```
#313e82
```
#313e82 rgb(49,62,130)
```

Analogous Color

#827631
```
#827631 rgb(130,118,49)
```
#316682
```
#316682 rgb(49,102,130)
```
#82313e
```
#82313e rgb(130,49,62)
```

Split Complementary Color

#668231
```
#668231 rgb(102,130,49)
```
#316682
```
#316682 rgb(49,102,130)
```
#823166
```
#823166 rgb(130,49,102)
```

Triadic Color

#31824d
```
#31824d rgb(49,130,77)
```
#316682
```
#316682 rgb(49,102,130)
```
#823166
```
#823166 rgb(130,49,102)
```
#824d31
```
#824d31 rgb(130,77,49)
```

Tetradic Color

#1c3a4a
```
#1c3a4a rgb(28,58,74)
```
#23495d
```
#23495d rgb(35,73,93)
```
#2a576f
```
#2a576f rgb(42,87,111)
```
#316682
```
#316682 rgb(49,102,130)
```
#387595
```
#387595 rgb(56,117,149)
```
#3f83a7
```
#3f83a7 rgb(63,131,167)
```
#4692b9
```
#4692b9 rgb(70,146,185)
```

Monochromatic Color

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

#317a82
```
#317a82 rgb(49,122,130)
```
#317482
```
#317482 rgb(49,116,130)
```
#316d82
```
#316d82 rgb(49,109,130)
```
#316682
```
#316682 rgb(49,102,130)
```
#315f82
```
#315f82 rgb(49,95,130)
```
#315982
```
#315982 rgb(49,89,130)
```
#315282
```
#315282 rgb(49,82,130)
```

Similar Colors

Text with hexadecimal color #316682

This text has a font color of #316682.

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

#316682 background color

This paragraph has a background color of #316682.

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

#316682 border color

This element has a border color of #316682.

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

CSS codes

.text {color:#316682;}

.background {background-color:#316682;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060d10
```
#060d10 rgb(6,13,16)
```
#0b181e
```
#0b181e rgb(11,24,30)
```
#11232d
```
#11232d rgb(17,35,45)
```
#162e3b
```
#162e3b rgb(22,46,59)
```
#1c3949
```
#1c3949 rgb(28,57,73)
```
#214457
```
#214457 rgb(33,68,87)
```
#265066
```
#265066 rgb(38,80,102)
```
#2c5b74
```
#2c5b74 rgb(44,91,116)
```
#316682
```
#316682 rgb(49,102,130)
```
#367190
```
#367190 rgb(54,113,144)
```
#3c7c9e
```
#3c7c9e rgb(60,124,158)
```
#4188ad
```
#4188ad rgb(65,136,173)
```

Shade Color Variation

#4892ba
```
#4892ba rgb(72,146,186)
```
#569bbf
```
#569bbf rgb(86,155,191)
```
#64a3c5
```
#64a3c5 rgb(100,163,197)
```
#72acca
```
#72acca rgb(114,172,202)
```
#81b4cf
```
#81b4cf rgb(129,180,207)
```
#8fbdd5
```
#8fbdd5 rgb(143,189,213)
```
#9dc5da
```
#9dc5da rgb(157,197,218)
```
#abcddf
```
#abcddf rgb(171,205,223)
```
#bad6e5
```
#bad6e5 rgb(186,214,229)
```
#c8deea
```
#c8deea rgb(200,222,234)
```
#d6e7f0
```
#d6e7f0 rgb(214,231,240)
```
#e4eff5
```
#e4eff5 rgb(228,239,245)
```
#f3f8fa
```
#f3f8fa rgb(243,248,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 #0175b2 is the most saturated one.

#535b60
```
#535b60 rgb(83,91,96)
```
#4d5e66
```
#4d5e66 rgb(77,94,102)
```
#46606d
```
#46606d rgb(70,96,109)
```
#3f6274
```
#3f6274 rgb(63,98,116)
```
#38647b
```
#38647b rgb(56,100,123)
```
#316682
```
#316682 rgb(49,102,130)
```
#2a6889
```
#2a6889 rgb(42,104,137)
```
#236a90
```
#236a90 rgb(35,106,144)
```
#1c6c97
```
#1c6c97 rgb(28,108,151)
```
#156e9e
```
#156e9e rgb(21,110,158)
```
#0f71a4
```
#0f71a4 rgb(15,113,164)
```
#0873ab
```
#0873ab rgb(8,115,171)
```
#0175b2
```
#0175b2 rgb(1,117,178)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#515c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606784 Protanopia 1% of men
#5d678b Deuteranopia 1% of men
#327079 Tritanopia 0.001% of the population

Trichromacy

#4f6683 Protanomaly 1% of men, 0.01% of women
#4d6687 Deuteranomaly 6% of men, 0.4% of women
#326c7c Tritanomaly 0.01% of the population

#316682 hex color

#316682 Color Information

#316682 Color Conversion

Color Schemes with #316682

Alternatives to #316682

#316682 Preview

Shades and Tints of #316682

Tones of #316682

Color Blindness Simulator