#31679a hex color

In a RGB color space, hex #31679a is composed of 19.2% red, 40.4% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 33.1% magenta, 0% yellow and 39.6% black. It has a hue angle of 209.1 degrees, a saturation of 51.7% and a lightness of 39.8%. #31679a color hex could be obtained by blending #62ceff with #000035. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 40
- B 60
RGB color chart
- C 68
- M 33
- Y 0
- K 40
CMYK color chart

● #31679a color description : Dark moderate blue.

The hexadecimal color #31679a has RGB values of R:49, G:103, B:154 and CMYK values of C:0.68, M:0.33, Y:0, K:0.4. Its decimal value is 3237786.

Hex triplet	31679a	`#31679a`
RGB Decimal	49, 103, 154	`rgb(49,103,154)`
RGB Percent	19.2, 40.4, 60.4	`rgb(19.2%,40.4%,60.4%)`
CMYK	68, 33, 0, 40
HSL	209.1°, 51.7, 39.8	`hsl(209.1,51.7%,39.8%)`
HSV (or HSB)	209.1°, 68.2, 60.4
Web Safe	336699	`#336699`

CIE-LAB	42.286, -0.76, -33.016
XYZ	11.948, 12.686, 32.389
xyY	0.21, 0.222, 12.686
CIE-LCH	42.286, 33.025, 268.681
CIE-LUV	42.286, -21.005, -47.827
Hunter-Lab	35.617, -2.449, -28.985
Binary	00110001, 01100111, 10011010

#31679a
```
#31679a rgb(49,103,154)
```
#9a6431
```
#9a6431 rgb(154,100,49)
```

Complementary Color

#319a99
```
#319a99 rgb(49,154,153)
```
#31679a
```
#31679a rgb(49,103,154)
```
#31339a
```
#31339a rgb(49,51,154)
```

Analogous Color

#9a9931
```
#9a9931 rgb(154,153,49)
```
#31679a
```
#31679a rgb(49,103,154)
```
#9a3133
```
#9a3133 rgb(154,49,51)
```

Split Complementary Color

#679a31
```
#679a31 rgb(103,154,49)
```
#31679a
```
#31679a rgb(49,103,154)
```
#9a3167
```
#9a3167 rgb(154,49,103)
```

Triadic Color

#319a64
```
#319a64 rgb(49,154,100)
```
#31679a
```
#31679a rgb(49,103,154)
```
#9a3167
```
#9a3167 rgb(154,49,103)
```
#9a6431
```
#9a6431 rgb(154,100,49)
```

Tetradic Color

#1f4060
```
#1f4060 rgb(31,64,96)
```
#254d73
```
#254d73 rgb(37,77,115)
```
#2b5a87
```
#2b5a87 rgb(43,90,135)
```
#31679a
```
#31679a rgb(49,103,154)
```
#3774ad
```
#3774ad rgb(55,116,173)
```
#3d81c1
```
#3d81c1 rgb(61,129,193)
```
#508dc7
```
#508dc7 rgb(80,141,199)
```

Monochromatic Color

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

#31819a
```
#31819a rgb(49,129,154)
```
#31799a
```
#31799a rgb(49,121,154)
```
#31709a
```
#31709a rgb(49,112,154)
```
#31679a
```
#31679a rgb(49,103,154)
```
#315e9a
```
#315e9a rgb(49,94,154)
```
#31569a
```
#31569a rgb(49,86,154)
```
#314d9a
```
#314d9a rgb(49,77,154)
```

Similar Colors

Text with hexadecimal color #31679a

This text has a font color of #31679a.

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

#31679a background color

This paragraph has a background color of #31679a.

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

#31679a border color

This element has a border color of #31679a.

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

CSS codes

.text {color:#31679a;}

.background {background-color:#31679a;}

.border {border:1px solid #31679a;}

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

#020305
```
#020305 rgb(2,3,5)
```
#060d14
```
#060d14 rgb(6,13,20)
```
#0b1723
```
#0b1723 rgb(11,23,35)
```
#102132
```
#102132 rgb(16,33,50)
```
#152b41
```
#152b41 rgb(21,43,65)
```
#193550
```
#193550 rgb(25,53,80)
```
#1e3f5e
```
#1e3f5e rgb(30,63,94)
```
#23496d
```
#23496d rgb(35,73,109)
```
#28537c
```
#28537c rgb(40,83,124)
```
#2c5d8b
```
#2c5d8b rgb(44,93,139)
```
#31679a
```
#31679a rgb(49,103,154)
```
#3671a9
```
#3671a9 rgb(54,113,169)
```
#3a7bb8
```
#3a7bb8 rgb(58,123,184)
```

Shade Color Variation

#4385c3
```
#4385c3 rgb(67,133,195)
```
#528ec8
```
#528ec8 rgb(82,142,200)
```
#6198cd
```
#6198cd rgb(97,152,205)
```
#6fa2d1
```
#6fa2d1 rgb(111,162,209)
```
#7eabd6
```
#7eabd6 rgb(126,171,214)
```
#8db5db
```
#8db5db rgb(141,181,219)
```
#9cbfe0
```
#9cbfe0 rgb(156,191,224)
```
#abc8e4
```
#abc8e4 rgb(171,200,228)
```
#bad2e9
```
#bad2e9 rgb(186,210,233)
```
#c9dcee
```
#c9dcee rgb(201,220,238)
```
#d8e5f2
```
#d8e5f2 rgb(216,229,242)
```
#e6eff7
```
#e6eff7 rgb(230,239,247)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60666b is the less saturated color, while #0268c9 is the most saturated one.

#60666b
```
#60666b rgb(96,102,107)
```
#586673
```
#586673 rgb(88,102,115)
```
#50667b
```
#50667b rgb(80,102,123)
```
#486683
```
#486683 rgb(72,102,131)
```
#41678a
```
#41678a rgb(65,103,138)
```
#396792
```
#396792 rgb(57,103,146)
```
#31679a
```
#31679a rgb(49,103,154)
```
#2967a2
```
#2967a2 rgb(41,103,162)
```
#2167aa
```
#2167aa rgb(33,103,170)
```
#1a68b1
```
#1a68b1 rgb(26,104,177)
```
#1268b9
```
#1268b9 rgb(18,104,185)
```
#0a68c1
```
#0a68c1 rgb(10,104,193)
```
#0268c9
```
#0268c9 rgb(2,104,201)
```

Tone Color Variation

Below, you can see how #31679a 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
#545f69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596a9b Protanopia 1% of men
#4e6ba0 Deuteranopia 1% of men
#1f757e Tritanopia 0.001% of the population

Trichromacy

#4a699b Protanomaly 1% of men, 0.01% of women
#436a9e Deuteranomaly 6% of men, 0.4% of women
#257088 Tritanomaly 0.01% of the population

#31679a hex color

#31679a Color Information

#31679a Color Conversion

Color Schemes with #31679a

Alternatives to #31679a

#31679a Preview

Shades and Tints of #31679a

Tones of #31679a

Color Blindness Simulator