#314073 hex color

In a RGB color space, hex #314073 is composed of 19.2% red, 25.1% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 44.3% magenta, 0% yellow and 54.9% black. It has a hue angle of 226.4 degrees, a saturation of 40.2% and a lightness of 32.2%. #314073 color hex could be obtained by blending #6280e6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 25
- B 45
RGB color chart
- C 57
- M 44
- Y 0
- K 55
CMYK color chart

● #314073 color description : Dark moderate blue.

The hexadecimal color #314073 has RGB values of R:49, G:64, B:115 and CMYK values of C:0.57, M:0.44, Y:0, K:0.55. Its decimal value is 3227763.

Hex triplet	314073	`#314073`
RGB Decimal	49, 64, 115	`rgb(49,64,115)`
RGB Percent	19.2, 25.1, 45.1	`rgb(19.2%,25.1%,45.1%)`
CMYK	57, 44, 0, 55
HSL	226.4°, 40.2, 32.2	`hsl(226.4,40.2%,32.2%)`
HSV (or HSB)	226.4°, 57.4, 45.1
Web Safe	333366	`#333366`

CIE-LAB	28.267, 10.402, -31.298
XYZ	6.194, 5.557, 16.965
xyY	0.216, 0.194, 5.557
CIE-LCH	28.267, 32.982, 288.385
CIE-LUV	28.267, -7.877, -41.238
Hunter-Lab	23.574, 5.645, -26.166
Binary	00110001, 01000000, 01110011

#314073
```
#314073 rgb(49,64,115)
```
#736431
```
#736431 rgb(115,100,49)
```

Complementary Color

#316173
```
#316173 rgb(49,97,115)
```
#314073
```
#314073 rgb(49,64,115)
```
#433173
```
#433173 rgb(67,49,115)
```

Analogous Color

#617331
```
#617331 rgb(97,115,49)
```
#314073
```
#314073 rgb(49,64,115)
```
#734331
```
#734331 rgb(115,67,49)
```

Split Complementary Color

#407331
```
#407331 rgb(64,115,49)
```
#314073
```
#314073 rgb(49,64,115)
```
#733140
```
#733140 rgb(115,49,64)
```

Triadic Color

#317364
```
#317364 rgb(49,115,100)
```
#314073
```
#314073 rgb(49,64,115)
```
#733140
```
#733140 rgb(115,49,64)
```
#736431
```
#736431 rgb(115,100,49)
```

Tetradic Color

#1a223d
```
#1a223d rgb(26,34,61)
```
#222c4f
```
#222c4f rgb(34,44,79)
```
#293661
```
#293661 rgb(41,54,97)
```
#314073
```
#314073 rgb(49,64,115)
```
#394a85
```
#394a85 rgb(57,74,133)
```
#405497
```
#405497 rgb(64,84,151)
```
#485ea9
```
#485ea9 rgb(72,94,169)
```

Monochromatic Color

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

#315173
```
#315173 rgb(49,81,115)
```
#314b73
```
#314b73 rgb(49,75,115)
```
#314673
```
#314673 rgb(49,70,115)
```
#314073
```
#314073 rgb(49,64,115)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#313573
```
#313573 rgb(49,53,115)
```
#333173
```
#333173 rgb(51,49,115)
```

Similar Colors

Text with hexadecimal color #314073

This text has a font color of #314073.

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

#314073 background color

This paragraph has a background color of #314073.

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

#314073 border color

This element has a border color of #314073.

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

CSS codes

.text {color:#314073;}

.background {background-color:#314073;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080a13
```
#080a13 rgb(8,10,19)
```
#0e1220
```
#0e1220 rgb(14,18,32)
```
#141a2e
```
#141a2e rgb(20,26,46)
```
#1a213c
```
#1a213c rgb(26,33,60)
```
#1f294a
```
#1f294a rgb(31,41,74)
```
#253157
```
#253157 rgb(37,49,87)
```
#2b3865
```
#2b3865 rgb(43,56,101)
```
#314073
```
#314073 rgb(49,64,115)
```
#374881
```
#374881 rgb(55,72,129)
```
#3d4f8f
```
#3d4f8f rgb(61,79,143)
```
#43579c
```
#43579c rgb(67,87,156)
```
#485faa
```
#485faa rgb(72,95,170)
```

Shade Color Variation

#5168b5
```
#5168b5 rgb(81,104,181)
```
#5f74bb
```
#5f74bb rgb(95,116,187)
```
#6d80c1
```
#6d80c1 rgb(109,128,193)
```
#7a8cc7
```
#7a8cc7 rgb(122,140,199)
```
#8898cc
```
#8898cc rgb(136,152,204)
```
#96a4d2
```
#96a4d2 rgb(150,164,210)
```
#a4b0d8
```
#a4b0d8 rgb(164,176,216)
```
#b1bcde
```
#b1bcde rgb(177,188,222)
```
#bfc8e4
```
#bfc8e4 rgb(191,200,228)
```
#cdd3ea
```
#cdd3ea rgb(205,211,234)
```
#dbdff0
```
#dbdff0 rgb(219,223,240)
```
#e8ebf5
```
#e8ebf5 rgb(232,235,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#515153
```
#515153 rgb(81,81,83)
```
#4a4e5a
```
#4a4e5a rgb(74,78,90)
```
#444a60
```
#444a60 rgb(68,74,96)
```
#3e4766
```
#3e4766 rgb(62,71,102)
```
#37436d
```
#37436d rgb(55,67,109)
```
#314073
```
#314073 rgb(49,64,115)
```
#2b3d79
```
#2b3d79 rgb(43,61,121)
```
#243980
```
#243980 rgb(36,57,128)
```
#1e3686
```
#1e3686 rgb(30,54,134)
```
#18328c
```
#18328c rgb(24,50,140)
```
#112f93
```
#112f93 rgb(17,47,147)
```
#0b2b99
```
#0b2b99 rgb(11,43,153)
```
#05289f
```
#05289f rgb(5,40,159)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e414b Atypical Achromatopsia 0.001% of the population

Dichromacy

#364a7b Protanopia 1% of men
#2b4c79 Deuteranopia 1% of men
#2b5157 Tritanopia 0.001% of the population

Trichromacy

#344678 Protanomaly 1% of men, 0.01% of women
#2d4876 Deuteranomaly 6% of men, 0.4% of women
#2d4b61 Tritanomaly 0.01% of the population

#314073 hex color

#314073 Color Information

#314073 Color Conversion

Color Schemes with #314073

Alternatives to #314073

#314073 Preview

Shades and Tints of #314073

Tones of #314073

Color Blindness Simulator