#314a81 hex color

In a RGB color space, hex #314a81 is composed of 19.2% red, 29% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 42.6% magenta, 0% yellow and 49.4% black. It has a hue angle of 221.3 degrees, a saturation of 44.9% and a lightness of 34.9%. #314a81 color hex could be obtained by blending #6294ff with #000003. Closest websafe color is: #333399.

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

● #314a81 color description : Dark moderate blue.

The hexadecimal color #314a81 has RGB values of R:49, G:74, B:129 and CMYK values of C:0.62, M:0.43, Y:0, K:0.49. Its decimal value is 3230337.

Hex triplet	314a81	`#314a81`
RGB Decimal	49, 74, 129	`rgb(49,74,129)`
RGB Percent	19.2, 29, 50.6	`rgb(19.2%,29%,50.6%)`
CMYK	62, 43, 0, 49
HSL	221.3°, 44.9, 34.9	`hsl(221.3,44.9%,34.9%)`
HSV (or HSB)	221.3°, 62, 50.6
Web Safe	333399	`#333399`

CIE-LAB	32.112, 8.752, -33.943
XYZ	7.677, 7.135, 21.74
xyY	0.21, 0.195, 7.135
CIE-LCH	32.112, 35.053, 284.458
CIE-LUV	32.112, -11.342, -46.519
Hunter-Lab	26.712, 4.556, -29.558
Binary	00110001, 01001010, 10000001

#314a81
```
#314a81 rgb(49,74,129)
```
#816831
```
#816831 rgb(129,104,49)
```

Complementary Color

#317281
```
#317281 rgb(49,114,129)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#403181
```
#403181 rgb(64,49,129)
```

Analogous Color

#728131
```
#728131 rgb(114,129,49)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#814031
```
#814031 rgb(129,64,49)
```

Split Complementary Color

#4a8131
```
#4a8131 rgb(74,129,49)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#81314a
```
#81314a rgb(129,49,74)
```

Triadic Color

#318168
```
#318168 rgb(49,129,104)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#81314a
```
#81314a rgb(129,49,74)
```
#816831
```
#816831 rgb(129,104,49)
```

Tetradic Color

#1c2a4a
```
#1c2a4a rgb(28,42,74)
```
#23355c
```
#23355c rgb(35,53,92)
```
#2a3f6f
```
#2a3f6f rgb(42,63,111)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#385593
```
#385593 rgb(56,85,147)
```
#3f5fa6
```
#3f5fa6 rgb(63,95,166)
```
#466ab8
```
#466ab8 rgb(70,106,184)
```

Monochromatic Color

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

#315e81
```
#315e81 rgb(49,94,129)
```
#315781
```
#315781 rgb(49,87,129)
```
#315181
```
#315181 rgb(49,81,129)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#314381
```
#314381 rgb(49,67,129)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#313681
```
#313681 rgb(49,54,129)
```

Similar Colors

Text with hexadecimal color #314a81

This text has a font color of #314a81.

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

#314a81 background color

This paragraph has a background color of #314a81.

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

#314a81 border color

This element has a border color of #314a81.

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

CSS codes

.text {color:#314a81;}

.background {background-color:#314a81;}

.border {border:1px solid #314a81;}

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)
```
#06090f
```
#06090f rgb(6,9,15)
```
#0b111d
```
#0b111d rgb(11,17,29)
```
#11192c
```
#11192c rgb(17,25,44)
```
#16213a
```
#16213a rgb(22,33,58)
```
#1b2948
```
#1b2948 rgb(27,41,72)
```
#213256
```
#213256 rgb(33,50,86)
```
#263a65
```
#263a65 rgb(38,58,101)
```
#2c4273
```
#2c4273 rgb(44,66,115)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#36528f
```
#36528f rgb(54,82,143)
```
#3c5a9d
```
#3c5a9d rgb(60,90,157)
```
#4162ac
```
#4162ac rgb(65,98,172)
```

Shade Color Variation

#476bb9
```
#476bb9 rgb(71,107,185)
```
#5576bf
```
#5576bf rgb(85,118,191)
```
#6482c4
```
#6482c4 rgb(100,130,196)
```
#728dc9
```
#728dc9 rgb(114,141,201)
```
#8099cf
```
#8099cf rgb(128,153,207)
```
#8ea4d4
```
#8ea4d4 rgb(142,164,212)
```
#9db0da
```
#9db0da rgb(157,176,218)
```
#abbbdf
```
#abbbdf rgb(171,187,223)
```
#b9c7e4
```
#b9c7e4 rgb(185,199,228)
```
#c7d2ea
```
#c7d2ea rgb(199,210,234)
```
#d5ddef
```
#d5ddef rgb(213,221,239)
```
#e4e9f5
```
#e4e9f5 rgb(228,233,245)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

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

#53575f
```
#53575f rgb(83,87,95)
```
#4c5466
```
#4c5466 rgb(76,84,102)
```
#46526c
```
#46526c rgb(70,82,108)
```
#3f4f73
```
#3f4f73 rgb(63,79,115)
```
#384d7a
```
#384d7a rgb(56,77,122)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#2a4788
```
#2a4788 rgb(42,71,136)
```
#23458f
```
#23458f rgb(35,69,143)
```
#1c4296
```
#1c4296 rgb(28,66,150)
```
#16409c
```
#16409c rgb(22,64,156)
```
#0f3da3
```
#0f3da3 rgb(15,61,163)
```
#083baa
```
#083baa rgb(8,59,170)
```
#0138b1
```
#0138b1 rgb(1,56,177)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5387 Protanopia 1% of men
#2f5586 Deuteranopia 1% of men
#255b62 Tritanopia 0.001% of the population

Trichromacy

#384f85 Protanomaly 1% of men, 0.01% of women
#305184 Deuteranomaly 6% of men, 0.4% of women
#29556d Tritanomaly 0.01% of the population

#314a81 hex color

#314a81 Color Information

#314a81 Color Conversion

Color Schemes with #314a81

Alternatives to #314a81

#314a81 Preview

Shades and Tints of #314a81

Tones of #314a81

Color Blindness Simulator