colorhexa.com

#314672 hex color

In a RGB color space, hex #314672 is composed of 19.2% red, 27.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 38.6% magenta, 0% yellow and 55.3% black. It has a hue angle of 220.6 degrees, a saturation of 39.9% and a lightness of 32%. #314672 color hex could be obtained by blending #628ce4 with #000000. Closest websafe color is: #333366.

- R 19
- G 27
- B 45
RGB color chart
- C 57
- M 39
- Y 0
- K 55
CMYK color chart

● #314672 color description : Very dark desaturated blue.

The hexadecimal color #314672 has RGB values of R:49, G:70, B:114 and CMYK values of C:0.57, M:0.39, Y:0, K:0.55. Its decimal value is 3229298.

Hex triplet	314672	`#314672`
RGB Decimal	49, 70, 114	`rgb(49,70,114)`
RGB Percent	19.2, 27.5, 44.7	`rgb(19.2%,27.5%,44.7%)`
CMYK	57, 39, 0, 55
HSL	220.6°, 39.9, 32	`hsl(220.6,39.9%,32%)`
HSV (or HSB)	220.6°, 57, 44.7
Web Safe	333366	`#333366`

CIE-LAB	30.029, 5.997, -27.872
XYZ	6.493, 6.248, 16.782
xyY	0.22, 0.212, 6.248
CIE-LCH	30.029, 28.51, 282.144
CIE-LUV	30.029, -9.887, -37.03
Hunter-Lab	24.996, 2.628, -22.311
Binary	00110001, 01000110, 01110010

#314672
```
#314672 rgb(49,70,114)
```
#725d31
```
#725d31 rgb(114,93,49)
```

Complementary Color

#316772
```
#316772 rgb(49,103,114)
```
#314672
```
#314672 rgb(49,70,114)
```
#3d3172
```
#3d3172 rgb(61,49,114)
```

Analogous Color

#677231
```
#677231 rgb(103,114,49)
```
#314672
```
#314672 rgb(49,70,114)
```
#723d31
```
#723d31 rgb(114,61,49)
```

Split Complementary Color

#467231
```
#467231 rgb(70,114,49)
```
#314672
```
#314672 rgb(49,70,114)
```
#723146
```
#723146 rgb(114,49,70)
```

Triadic Color

#1a253c
```
#1a253c rgb(26,37,60)
```
#22304e
```
#22304e rgb(34,48,78)
```
#293b60
```
#293b60 rgb(41,59,96)
```
#314672
```
#314672 rgb(49,70,114)
```
#395184
```
#395184 rgb(57,81,132)
```
#405c96
```
#405c96 rgb(64,92,150)
```
#4867a8
```
#4867a8 rgb(72,103,168)
```

Monochromatic Color

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

#315672
```
#315672 rgb(49,86,114)
```
#315172
```
#315172 rgb(49,81,114)
```
#314b72
```
#314b72 rgb(49,75,114)
```
#314672
```
#314672 rgb(49,70,114)
```
#314172
```
#314172 rgb(49,65,114)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#313672
```
#313672 rgb(49,54,114)
```

Similar Colors

Text with hexadecimal color #314672

This text has a font color of #314672.

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

#314672 background color

This paragraph has a background color of #314672.

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

#314672 border color

This element has a border color of #314672.

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

CSS codes

.text {color:#314672;}

.background {background-color:#314672;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080b12
```
#080b12 rgb(8,11,18)
```
#0e1320
```
#0e1320 rgb(14,19,32)
```
#141c2d
```
#141c2d rgb(20,28,45)
```
#19243b
```
#19243b rgb(25,36,59)
```
#1f2d49
```
#1f2d49 rgb(31,45,73)
```
#253557
```
#253557 rgb(37,53,87)
```
#2b3e64
```
#2b3e64 rgb(43,62,100)
```
#314672
```
#314672 rgb(49,70,114)
```
#374e80
```
#374e80 rgb(55,78,128)
```
#3d578d
```
#3d578d rgb(61,87,141)
```
#435f9b
```
#435f9b rgb(67,95,155)
```
#4968a9
```
#4968a9 rgb(73,104,169)
```

Shade Color Variation

#5171b4
```
#5171b4 rgb(81,113,180)
```
#5f7cba
```
#5f7cba rgb(95,124,186)
```
#6c87c0
```
#6c87c0 rgb(108,135,192)
```
#7a93c6
```
#7a93c6 rgb(122,147,198)
```
#889ecc
```
#889ecc rgb(136,158,204)
```
#96a9d2
```
#96a9d2 rgb(150,169,210)
```
#a3b4d8
```
#a3b4d8 rgb(163,180,216)
```
#b1bfdd
```
#b1bfdd rgb(177,191,221)
```
#bfcbe3
```
#bfcbe3 rgb(191,203,227)
```
#ccd6e9
```
#ccd6e9 rgb(204,214,233)
```
#dae1ef
```
#dae1ef rgb(218,225,239)
```
#e8ecf5
```
#e8ecf5 rgb(232,236,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#505153
```
#505153 rgb(80,81,83)
```
#4a4f59
```
#4a4f59 rgb(74,79,89)
```
#444d5f
```
#444d5f rgb(68,77,95)
```
#3e4a65
```
#3e4a65 rgb(62,74,101)
```
#37486c
```
#37486c rgb(55,72,108)
```
#314672
```
#314672 rgb(49,70,114)
```
#2b4478
```
#2b4478 rgb(43,68,120)
```
#24427f
```
#24427f rgb(36,66,127)
```
#1e3f85
```
#1e3f85 rgb(30,63,133)
```
#183d8b
```
#183d8b rgb(24,61,139)
```
#123b91
```
#123b91 rgb(18,59,145)
```
#0b3998
```
#0b3998 rgb(11,57,152)
```
#05369e
```
#05369e rgb(5,54,158)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#41454e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4e78 Protanopia 1% of men
#385079 Deuteranopia 1% of men
#2e565c Tritanopia 0.001% of the population

Trichromacy

#3a4b76 Protanomaly 1% of men, 0.01% of women
#354c76 Deuteranomaly 6% of men, 0.4% of women
#2f5064 Tritanomaly 0.01% of the population