#314764 hex color

In a RGB color space, hex #314764 is composed of 19.2% red, 27.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 29% magenta, 0% yellow and 60.8% black. It has a hue angle of 214.1 degrees, a saturation of 34.2% and a lightness of 29.2%. #314764 color hex could be obtained by blending #628ec8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 28
- B 39
RGB color chart
- C 51
- M 29
- Y 0
- K 61
CMYK color chart

● #314764 color description : Very dark desaturated blue.

The hexadecimal color #314764 has RGB values of R:49, G:71, B:100 and CMYK values of C:0.51, M:0.29, Y:0, K:0.61. Its decimal value is 3229540.

Hex triplet	314764	`#314764`
RGB Decimal	49, 71, 100	`rgb(49,71,100)`
RGB Percent	19.2, 27.8, 39.2	`rgb(19.2%,27.8%,39.2%)`
CMYK	51, 29, 0, 61
HSL	214.1°, 34.2, 29.2	`hsl(214.1,34.2%,29.2%)`
HSV (or HSB)	214.1°, 51, 39.2
Web Safe	333366	`#333366`

CIE-LAB	29.612, 0.469, -19.646
XYZ	5.82, 6.079, 12.923
xyY	0.234, 0.245, 6.079
CIE-LCH	29.612, 19.651, 271.367
CIE-LUV	29.612, -10.16, -25.164
Hunter-Lab	24.656, -1.017, -13.815
Binary	00110001, 01000111, 01100100

#314764
```
#314764 rgb(49,71,100)
```
#644e31
```
#644e31 rgb(100,78,49)
```

Complementary Color

#316164
```
#316164 rgb(49,97,100)
```
#314764
```
#314764 rgb(49,71,100)
```
#353164
```
#353164 rgb(53,49,100)
```

Analogous Color

#616431
```
#616431 rgb(97,100,49)
```
#314764
```
#314764 rgb(49,71,100)
```
#643531
```
#643531 rgb(100,53,49)
```

Split Complementary Color

#476431
```
#476431 rgb(71,100,49)
```
#314764
```
#314764 rgb(49,71,100)
```
#643147
```
#643147 rgb(100,49,71)
```

Triadic Color

#31644e
```
#31644e rgb(49,100,78)
```
#314764
```
#314764 rgb(49,71,100)
```
#643147
```
#643147 rgb(100,49,71)
```
#644e31
```
#644e31 rgb(100,78,49)
```

Tetradic Color

#182331
```
#182331 rgb(24,35,49)
```
#202f42
```
#202f42 rgb(32,47,66)
```
#293b53
```
#293b53 rgb(41,59,83)
```
#314764
```
#314764 rgb(49,71,100)
```
#395375
```
#395375 rgb(57,83,117)
```
#425f86
```
#425f86 rgb(66,95,134)
```
#4a6b97
```
#4a6b97 rgb(74,107,151)
```

Monochromatic Color

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

#315464
```
#315464 rgb(49,84,100)
```
#315064
```
#315064 rgb(49,80,100)
```
#314b64
```
#314b64 rgb(49,75,100)
```
#314764
```
#314764 rgb(49,71,100)
```
#314364
```
#314364 rgb(49,67,100)
```
#313f64
```
#313f64 rgb(49,63,100)
```
#313a64
```
#313a64 rgb(49,58,100)
```

Similar Colors

Text with hexadecimal color #314764

This text has a font color of #314764.

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

#314764 background color

This paragraph has a background color of #314764.

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

#314764 border color

This element has a border color of #314764.

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

CSS codes

.text {color:#314764;}

.background {background-color:#314764;}

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a0f15
```
#0a0f15 rgb(10,15,21)
```
#111822
```
#111822 rgb(17,24,34)
```
#17222f
```
#17222f rgb(23,34,47)
```
#1e2b3d
```
#1e2b3d rgb(30,43,61)
```
#24344a
```
#24344a rgb(36,52,74)
```
#2b3e57
```
#2b3e57 rgb(43,62,87)
```
#314764
```
#314764 rgb(49,71,100)
```
#375071
```
#375071 rgb(55,80,113)
```
#3e5a7e
```
#3e5a7e rgb(62,90,126)
```
#44638b
```
#44638b rgb(68,99,139)
```
#4b6c99
```
#4b6c99 rgb(75,108,153)
```
#5176a6
```
#5176a6 rgb(81,118,166)
```

Shade Color Variation

#5c80af
```
#5c80af rgb(92,128,175)
```
#698ab5
```
#698ab5 rgb(105,138,181)
```
#7694bc
```
#7694bc rgb(118,148,188)
```
#839ec2
```
#839ec2 rgb(131,158,194)
```
#90a9c9
```
#90a9c9 rgb(144,169,201)
```
#9eb3cf
```
#9eb3cf rgb(158,179,207)
```
#abbdd6
```
#abbdd6 rgb(171,189,214)
```
#b8c8dc
```
#b8c8dc rgb(184,200,220)
```
#c5d2e3
```
#c5d2e3 rgb(197,210,227)
```
#d2dce9
```
#d2dce9 rgb(210,220,233)
```
#dfe6ef
```
#dfe6ef rgb(223,230,239)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a4d is the less saturated color, while #034192 is the most saturated one.

#484a4d
```
#484a4d rgb(72,74,77)
```
#424953
```
#424953 rgb(66,73,83)
```
#3c4959
```
#3c4959 rgb(60,73,89)
```
#37485e
```
#37485e rgb(55,72,94)
```
#314764
```
#314764 rgb(49,71,100)
```
#2b466a
```
#2b466a rgb(43,70,106)
```
#26456f
```
#26456f rgb(38,69,111)
```
#204575
```
#204575 rgb(32,69,117)
```
#1a447b
```
#1a447b rgb(26,68,123)
```
#144381
```
#144381 rgb(20,67,129)
```
#0f4286
```
#0f4286 rgb(15,66,134)
```
#09418c
```
#09418c rgb(9,65,140)
```
#034192
```
#034192 rgb(3,65,146)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#40454a Atypical Achromatopsia 0.001% of the population

Dichromacy

#464e6a Protanopia 1% of men
#434e6c Deuteranopia 1% of men
#34545a Tritanopia 0.001% of the population

Trichromacy

#3e4b68 Protanomaly 1% of men, 0.01% of women
#3d4b69 Deuteranomaly 6% of men, 0.4% of women
#334f5d Tritanomaly 0.01% of the population

#314764 hex color

#314764 Color Information

#314764 Color Conversion

Color Schemes with #314764

Alternatives to #314764

#314764 Preview

Shades and Tints of #314764

Tones of #314764

Color Blindness Simulator