#314aae hex color

In a RGB color space, hex #314aae is composed of 19.2% red, 29% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 57.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 228 degrees, a saturation of 56.1% and a lightness of 43.7%. #314aae color hex could be obtained by blending #6294ff with #00005d. 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

● #314aae color description : Dark blue.

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

Hex triplet	314aae	`#314aae`
RGB Decimal	49, 74, 174	`rgb(49,74,174)`
RGB Percent	19.2, 29, 68.2	`rgb(19.2%,29%,68.2%)`
CMYK	72, 57, 0, 32
HSL	228°, 56.1, 43.7	`hsl(228,56.1%,43.7%)`
HSV (or HSB)	228°, 71.8, 68.2
Web Safe	333399	`#333399`

CIE-LAB	35.214, 25.497, -56.247
XYZ	11.354, 8.606, 41.105
xyY	0.186, 0.141, 8.606
CIE-LCH	35.214, 61.756, 294.385
CIE-LUV	35.214, -11.743, -79.967
Hunter-Lab	29.336, 17.748, -62.542
Binary	00110001, 01001010, 10101110

#314aae
```
#314aae rgb(49,74,174)
```
#ae9531
```
#ae9531 rgb(174,149,49)
```

Complementary Color

#3189ae
```
#3189ae rgb(49,137,174)
```
#314aae
```
#314aae rgb(49,74,174)
```
#5731ae
```
#5731ae rgb(87,49,174)
```

Analogous Color

#89ae31
```
#89ae31 rgb(137,174,49)
```
#314aae
```
#314aae rgb(49,74,174)
```
#ae5731
```
#ae5731 rgb(174,87,49)
```

Split Complementary Color

#4aae31
```
#4aae31 rgb(74,174,49)
```
#314aae
```
#314aae rgb(49,74,174)
```
#ae314a
```
#ae314a rgb(174,49,74)
```

Triadic Color

#31ae95
```
#31ae95 rgb(49,174,149)
```
#314aae
```
#314aae rgb(49,74,174)
```
#ae314a
```
#ae314a rgb(174,49,74)
```
#ae9531
```
#ae9531 rgb(174,149,49)
```

Tetradic Color

#203172
```
#203172 rgb(32,49,114)
```
#263986
```
#263986 rgb(38,57,134)
```
#2b429a
```
#2b429a rgb(43,66,154)
```
#314aae
```
#314aae rgb(49,74,174)
```
#3752c2
```
#3752c2 rgb(55,82,194)
```
#4761cb
```
#4761cb rgb(71,97,203)
```
#5b72d1
```
#5b72d1 rgb(91,114,209)
```

Monochromatic Color

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

#3169ae
```
#3169ae rgb(49,105,174)
```
#315fae
```
#315fae rgb(49,95,174)
```
#3154ae
```
#3154ae rgb(49,84,174)
```
#314aae
```
#314aae rgb(49,74,174)
```
#3140ae
```
#3140ae rgb(49,64,174)
```
#3135ae
```
#3135ae rgb(49,53,174)
```
#3731ae
```
#3731ae rgb(55,49,174)
```

Similar Colors

Text with hexadecimal color #314aae

This text has a font color of #314aae.

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

#314aae background color

This paragraph has a background color of #314aae.

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

#314aae border color

This element has a border color of #314aae.

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

CSS codes

.text {color:#314aae;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#060915
```
#060915 rgb(6,9,21)
```
#0a0f24
```
#0a0f24 rgb(10,15,36)
```
#0f1634
```
#0f1634 rgb(15,22,52)
```
#131c43
```
#131c43 rgb(19,28,67)
```
#172352
```
#172352 rgb(23,35,82)
```
#1b2961
```
#1b2961 rgb(27,41,97)
```
#203071
```
#203071 rgb(32,48,113)
```
#243680
```
#243680 rgb(36,54,128)
```
#283d8f
```
#283d8f rgb(40,61,143)
```
#2d439f
```
#2d439f rgb(45,67,159)
```
#314aae
```
#314aae rgb(49,74,174)
```
#3551bd
```
#3551bd rgb(53,81,189)
```

Shade Color Variation

#3e59c9
```
#3e59c9 rgb(62,89,201)
```
#4d67cd
```
#4d67cd rgb(77,103,205)
```
#5c74d1
```
#5c74d1 rgb(92,116,209)
```
#6c81d5
```
#6c81d5 rgb(108,129,213)
```
#7b8eda
```
#7b8eda rgb(123,142,218)
```
#8a9bde
```
#8a9bde rgb(138,155,222)
```
#9aa8e2
```
#9aa8e2 rgb(154,168,226)
```
#a9b5e7
```
#a9b5e7 rgb(169,181,231)
```
#b8c2eb
```
#b8c2eb rgb(184,194,235)
```
#c7cfef
```
#c7cfef rgb(199,207,239)
```
#d7ddf4
```
#d7ddf4 rgb(215,221,244)
```
#e6eaf8
```
#e6eaf8 rgb(230,234,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#6d6e72
```
#6d6e72 rgb(109,110,114)
```
#64697b
```
#64697b rgb(100,105,123)
```
#5c6483
```
#5c6483 rgb(92,100,131)
```
#535f8c
```
#535f8c rgb(83,95,140)
```
#4b5994
```
#4b5994 rgb(75,89,148)
```
#42549d
```
#42549d rgb(66,84,157)
```
#3a4fa5
```
#3a4fa5 rgb(58,79,165)
```
#314aae
```
#314aae rgb(49,74,174)
```
#2845b7
```
#2845b7 rgb(40,69,183)
```
#2040bf
```
#2040bf rgb(32,64,191)
```
#173bc8
```
#173bc8 rgb(23,59,200)
```
#0f35d0
```
#0f35d0 rgb(15,53,208)
```
#0630d9
```
#0630d9 rgb(6,48,217)
```

Tone Color Variation

Below, you can see how #314aae 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
#00646b Tritanopia 0.001% of the population

Trichromacy

#1153ae Protanomaly 1% of men, 0.01% of women
#1156a0 Deuteranomaly 6% of men, 0.4% of women
#115b83 Tritanomaly 0.01% of the population

#314aae hex color

#314aae Color Information

#314aae Color Conversion

Color Schemes with #314aae

Alternatives to #314aae

#314aae Preview

Shades and Tints of #314aae

Tones of #314aae

Color Blindness Simulator