#314aad hex color

In a RGB color space, hex #314aad is composed of 19.2% red, 29% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 57.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 227.9 degrees, a saturation of 55.9% and a lightness of 43.5%. #314aad color hex could be obtained by blending #6294ff with #00005b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 29
- B 68
RGB color chart
- C 72
- M 57
- Y 0
- K 32
CMYK color chart

● #314aad color description : Dark blue.

The hexadecimal color #314aad has RGB values of R:49, G:74, B:173 and CMYK values of C:0.72, M:0.57, Y:0, K:0.32. Its decimal value is 3230381.

Hex triplet	314aad	`#314aad`
RGB Decimal	49, 74, 173	`rgb(49,74,173)`
RGB Percent	19.2, 29, 67.8	`rgb(19.2%,29%,67.8%)`
CMYK	72, 57, 0, 32
HSL	227.9°, 55.9, 43.5	`hsl(227.9,55.9%,43.5%)`
HSV (or HSB)	227.9°, 71.7, 67.8
Web Safe	333399	`#333399`

CIE-LAB	35.137, 25.126, -55.777
XYZ	11.257, 8.567, 40.593
xyY	0.186, 0.142, 8.567
CIE-LCH	35.137, 61.175, 294.25
CIE-LUV	35.137, -11.73, -79.267
Hunter-Lab	29.269, 17.428, -61.74
Binary	00110001, 01001010, 10101101

#314aad
```
#314aad rgb(49,74,173)
```
#ad9431
```
#ad9431 rgb(173,148,49)
```

Complementary Color

#3188ad
```
#3188ad rgb(49,136,173)
```
#314aad
```
#314aad rgb(49,74,173)
```
#5631ad
```
#5631ad rgb(86,49,173)
```

Analogous Color

#88ad31
```
#88ad31 rgb(136,173,49)
```
#314aad
```
#314aad rgb(49,74,173)
```
#ad5631
```
#ad5631 rgb(173,86,49)
```

Split Complementary Color

#4aad31
```
#4aad31 rgb(74,173,49)
```
#314aad
```
#314aad rgb(49,74,173)
```
#ad314a
```
#ad314a rgb(173,49,74)
```

Triadic Color

#31ad94
```
#31ad94 rgb(49,173,148)
```
#314aad
```
#314aad rgb(49,74,173)
```
#ad314a
```
#ad314a rgb(173,49,74)
```
#ad9431
```
#ad9431 rgb(173,148,49)
```

Tetradic Color

#203171
```
#203171 rgb(32,49,113)
```
#263985
```
#263985 rgb(38,57,133)
```
#2b4299
```
#2b4299 rgb(43,66,153)
```
#314aad
```
#314aad rgb(49,74,173)
```
#3753c1
```
#3753c1 rgb(55,83,193)
```
#4661cb
```
#4661cb rgb(70,97,203)
```
#5a72d0
```
#5a72d0 rgb(90,114,208)
```

Monochromatic Color

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

#3169ad
```
#3169ad rgb(49,105,173)
```
#315fad
```
#315fad rgb(49,95,173)
```
#3154ad
```
#3154ad rgb(49,84,173)
```
#314aad
```
#314aad rgb(49,74,173)
```
#3140ad
```
#3140ad rgb(49,64,173)
```
#3135ad
```
#3135ad rgb(49,53,173)
```
#3731ad
```
#3731ad rgb(55,49,173)
```

Similar Colors

Text with hexadecimal color #314aad

This text has a font color of #314aad.

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

#314aad background color

This paragraph has a background color of #314aad.

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

#314aad border color

This element has a border color of #314aad.

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

CSS codes

.text {color:#314aad;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0a0f23
```
#0a0f23 rgb(10,15,35)
```
#0e1633
```
#0e1633 rgb(14,22,51)
```
#131c42
```
#131c42 rgb(19,28,66)
```
#172351
```
#172351 rgb(23,35,81)
```
#1b2961
```
#1b2961 rgb(27,41,97)
```
#203070
```
#203070 rgb(32,48,112)
```
#24367f
```
#24367f rgb(36,54,127)
```
#283d8e
```
#283d8e rgb(40,61,142)
```
#2d439e
```
#2d439e rgb(45,67,158)
```
#314aad
```
#314aad rgb(49,74,173)
```
#3551bc
```
#3551bc rgb(53,81,188)
```

Shade Color Variation

#3d59c8
```
#3d59c8 rgb(61,89,200)
```
#4c66cc
```
#4c66cc rgb(76,102,204)
```
#5c73d1
```
#5c73d1 rgb(92,115,209)
```
#6b80d5
```
#6b80d5 rgb(107,128,213)
```
#7a8dd9
```
#7a8dd9 rgb(122,141,217)
```
#8a9bde
```
#8a9bde rgb(138,155,222)
```
#99a8e2
```
#99a8e2 rgb(153,168,226)
```
#a8b5e6
```
#a8b5e6 rgb(168,181,230)
```
#b7c2eb
```
#b7c2eb rgb(183,194,235)
```
#c7cfef
```
#c7cfef rgb(199,207,239)
```
#d6dcf3
```
#d6dcf3 rgb(214,220,243)
```
#e5e9f8
```
#e5e9f8 rgb(229,233,248)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6e71 is the less saturated color, while #0631d8 is the most saturated one.

#6d6e71
```
#6d6e71 rgb(109,110,113)
```
#64697a
```
#64697a rgb(100,105,122)
```
#5c6382
```
#5c6382 rgb(92,99,130)
```
#535e8b
```
#535e8b rgb(83,94,139)
```
#4b5993
```
#4b5993 rgb(75,89,147)
```
#42549c
```
#42549c rgb(66,84,156)
```
#3a4fa4
```
#3a4fa4 rgb(58,79,164)
```
#314aad
```
#314aad rgb(49,74,173)
```
#2845b6
```
#2845b6 rgb(40,69,182)
```
#2040be
```
#2040be rgb(32,64,190)
```
#173bc7
```
#173bc7 rgb(23,59,199)
```
#0f36cf
```
#0f36cf rgb(15,54,207)
```
#0631d8
```
#0631d8 rgb(6,49,216)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ae Protanopia 1% of men
#005d98 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1153ad Protanomaly 1% of men, 0.01% of women
#11569f Deuteranomaly 6% of men, 0.4% of women
#115a82 Tritanomaly 0.01% of the population

#314aad hex color

#314aad Color Information

#314aad Color Conversion

Color Schemes with #314aad

Alternatives to #314aad

#314aad Preview

Shades and Tints of #314aad

Tones of #314aad

Color Blindness Simulator