#314581 hex color

In a RGB color space, hex #314581 is composed of 19.2% red, 27.1% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 46.5% magenta, 0% yellow and 49.4% black. It has a hue angle of 225 degrees, a saturation of 44.9% and a lightness of 34.9%. #314581 color hex could be obtained by blending #628aff with #000003. Closest websafe color is: #333399.

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

● #314581 color description : Dark moderate blue.

The hexadecimal color #314581 has RGB values of R:49, G:69, B:129 and CMYK values of C:0.62, M:0.47, Y:0, K:0.49. Its decimal value is 3229057.

Hex triplet	314581	`#314581`
RGB Decimal	49, 69, 129	`rgb(49,69,129)`
RGB Percent	19.2, 27.1, 50.6	`rgb(19.2%,27.1%,50.6%)`
CMYK	62, 47, 0, 49
HSL	225°, 44.9, 34.9	`hsl(225,44.9%,34.9%)`
HSV (or HSB)	225°, 62, 50.6
Web Safe	333399	`#333399`

CIE-LAB	30.626, 12.109, -36.315
XYZ	7.356, 6.494, 21.633
xyY	0.207, 0.183, 6.494
CIE-LCH	30.626, 38.28, 288.44
CIE-LUV	30.626, -9.717, -49.315
Hunter-Lab	25.483, 6.934, -32.496
Binary	00110001, 01000101, 10000001

#314581
```
#314581 rgb(49,69,129)
```
#816d31
```
#816d31 rgb(129,109,49)
```

Complementary Color

#316d81
```
#316d81 rgb(49,109,129)
```
#314581
```
#314581 rgb(49,69,129)
```
#453181
```
#453181 rgb(69,49,129)
```

Analogous Color

#6d8131
```
#6d8131 rgb(109,129,49)
```
#314581
```
#314581 rgb(49,69,129)
```
#814531
```
#814531 rgb(129,69,49)
```

Split Complementary Color

#458131
```
#458131 rgb(69,129,49)
```
#314581
```
#314581 rgb(49,69,129)
```
#813145
```
#813145 rgb(129,49,69)
```

Triadic Color

#31816d
```
#31816d rgb(49,129,109)
```
#314581
```
#314581 rgb(49,69,129)
```
#813145
```
#813145 rgb(129,49,69)
```
#816d31
```
#816d31 rgb(129,109,49)
```

Tetradic Color

#1c274a
```
#1c274a rgb(28,39,74)
```
#23315c
```
#23315c rgb(35,49,92)
```
#2a3b6f
```
#2a3b6f rgb(42,59,111)
```
#314581
```
#314581 rgb(49,69,129)
```
#384f93
```
#384f93 rgb(56,79,147)
```
#3f59a6
```
#3f59a6 rgb(63,89,166)
```
#4663b8
```
#4663b8 rgb(70,99,184)
```

Monochromatic Color

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

#315981
```
#315981 rgb(49,89,129)
```
#315281
```
#315281 rgb(49,82,129)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#314581
```
#314581 rgb(49,69,129)
```
#313e81
```
#313e81 rgb(49,62,129)
```
#313881
```
#313881 rgb(49,56,129)
```
#313181
```
#313181 rgb(49,49,129)
```

Similar Colors

Text with hexadecimal color #314581

This text has a font color of #314581.

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

#314581 background color

This paragraph has a background color of #314581.

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

#314581 border color

This element has a border color of #314581.

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

CSS codes

.text {color:#314581;}

.background {background-color:#314581;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#06080f
```
#06080f rgb(6,8,15)
```
#0b101d
```
#0b101d rgb(11,16,29)
```
#11172c
```
#11172c rgb(17,23,44)
```
#161f3a
```
#161f3a rgb(22,31,58)
```
#1b2748
```
#1b2748 rgb(27,39,72)
```
#212e56
```
#212e56 rgb(33,46,86)
```
#263665
```
#263665 rgb(38,54,101)
```
#2c3d73
```
#2c3d73 rgb(44,61,115)
```
#314581
```
#314581 rgb(49,69,129)
```
#364d8f
```
#364d8f rgb(54,77,143)
```
#3c549d
```
#3c549d rgb(60,84,157)
```
#415cac
```
#415cac rgb(65,92,172)
```

Shade Color Variation

#4764b9
```
#4764b9 rgb(71,100,185)
```
#5570bf
```
#5570bf rgb(85,112,191)
```
#647cc4
```
#647cc4 rgb(100,124,196)
```
#7288c9
```
#7288c9 rgb(114,136,201)
```
#8094cf
```
#8094cf rgb(128,148,207)
```
#8ea0d4
```
#8ea0d4 rgb(142,160,212)
```
#9dacda
```
#9dacda rgb(157,172,218)
```
#abb8df
```
#abb8df rgb(171,184,223)
```
#b9c4e4
```
#b9c4e4 rgb(185,196,228)
```
#c7d0ea
```
#c7d0ea rgb(199,208,234)
```
#d5dcef
```
#d5dcef rgb(213,220,239)
```
#e4e8f5
```
#e4e8f5 rgb(228,232,245)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

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

#53565f
```
#53565f rgb(83,86,95)
```
#4c5366
```
#4c5366 rgb(76,83,102)
```
#464f6c
```
#464f6c rgb(70,79,108)
```
#3f4c73
```
#3f4c73 rgb(63,76,115)
```
#38487a
```
#38487a rgb(56,72,122)
```
#314581
```
#314581 rgb(49,69,129)
```
#2a4288
```
#2a4288 rgb(42,66,136)
```
#233e8f
```
#233e8f rgb(35,62,143)
```
#1c3b96
```
#1c3b96 rgb(28,59,150)
```
#16379c
```
#16379c rgb(22,55,156)
```
#0f34a3
```
#0f34a3 rgb(15,52,163)
```
#0830aa
```
#0830aa rgb(8,48,170)
```
#012db1
```
#012db1 rgb(1,45,177)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#424652 Atypical Achromatopsia 0.001% of the population

Dichromacy

#344f88 Protanopia 1% of men
#235285 Deuteranopia 1% of men
#23585e Tritanopia 0.001% of the population

Trichromacy

#334b85 Protanomaly 1% of men, 0.01% of women
#284d84 Deuteranomaly 6% of men, 0.4% of women
#28516b Tritanomaly 0.01% of the population

#314581 hex color

#314581 Color Information

#314581 Color Conversion

Color Schemes with #314581

Alternatives to #314581

#314581 Preview

Shades and Tints of #314581

Tones of #314581

Color Blindness Simulator