#314aac hex color

In a RGB color space, hex #314aac is composed of 19.2% red, 29% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 57% magenta, 0% yellow and 32.5% black. It has a hue angle of 227.8 degrees, a saturation of 55.7% and a lightness of 43.3%. #314aac color hex could be obtained by blending #6294ff with #000059. Closest websafe color is: #333399.

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

● #314aac color description : Dark blue.

The hexadecimal color #314aac has RGB values of R:49, G:74, B:172 and CMYK values of C:0.72, M:0.57, Y:0, K:0.33. Its decimal value is 3230380.

Hex triplet	314aac	`#314aac`
RGB Decimal	49, 74, 172	`rgb(49,74,172)`
RGB Percent	19.2, 29, 67.5	`rgb(19.2%,29%,67.5%)`
CMYK	72, 57, 0, 33
HSL	227.8°, 55.7, 43.3	`hsl(227.8,55.7%,43.3%)`
HSV (or HSB)	227.8°, 71.5, 67.5
Web Safe	333399	`#333399`

CIE-LAB	35.06, 24.754, -55.307
XYZ	11.16, 8.528, 40.085
xyY	0.187, 0.143, 8.528
CIE-LCH	35.06, 60.594, 294.112
CIE-LUV	35.06, -11.717, -78.565
Hunter-Lab	29.203, 17.109, -60.941
Binary	00110001, 01001010, 10101100

#314aac
```
#314aac rgb(49,74,172)
```
#ac9331
```
#ac9331 rgb(172,147,49)
```

Complementary Color

#3188ac
```
#3188ac rgb(49,136,172)
```
#314aac
```
#314aac rgb(49,74,172)
```
#5531ac
```
#5531ac rgb(85,49,172)
```

Analogous Color

#88ac31
```
#88ac31 rgb(136,172,49)
```
#314aac
```
#314aac rgb(49,74,172)
```
#ac5631
```
#ac5631 rgb(172,86,49)
```

Split Complementary Color

#4aac31
```
#4aac31 rgb(74,172,49)
```
#314aac
```
#314aac rgb(49,74,172)
```
#ac314a
```
#ac314a rgb(172,49,74)
```

Triadic Color

#31ac93
```
#31ac93 rgb(49,172,147)
```
#314aac
```
#314aac rgb(49,74,172)
```
#ac314a
```
#ac314a rgb(172,49,74)
```
#ac9331
```
#ac9331 rgb(172,147,49)
```

Tetradic Color

#203070
```
#203070 rgb(32,48,112)
```
#263984
```
#263984 rgb(38,57,132)
```
#2b4198
```
#2b4198 rgb(43,65,152)
```
#314aac
```
#314aac rgb(49,74,172)
```
#3753c0
```
#3753c0 rgb(55,83,192)
```
#4661ca
```
#4661ca rgb(70,97,202)
```
#5a72d0
```
#5a72d0 rgb(90,114,208)
```

Monochromatic Color

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

#3169ac
```
#3169ac rgb(49,105,172)
```
#315fac
```
#315fac rgb(49,95,172)
```
#3154ac
```
#3154ac rgb(49,84,172)
```
#314aac
```
#314aac rgb(49,74,172)
```
#3140ac
```
#3140ac rgb(49,64,172)
```
#3136ac
```
#3136ac rgb(49,54,172)
```
#3731ac
```
#3731ac rgb(55,49,172)
```

Similar Colors

Text with hexadecimal color #314aac

This text has a font color of #314aac.

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

#314aac background color

This paragraph has a background color of #314aac.

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

#314aac border color

This element has a border color of #314aac.

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

CSS codes

.text {color:#314aac;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060813
```
#060813 rgb(6,8,19)
```
#0a0f23
```
#0a0f23 rgb(10,15,35)
```
#0e1532
```
#0e1532 rgb(14,21,50)
```
#131c41
```
#131c41 rgb(19,28,65)
```
#172350
```
#172350 rgb(23,35,80)
```
#1b2960
```
#1b2960 rgb(27,41,96)
```
#20306f
```
#20306f rgb(32,48,111)
```
#24367e
```
#24367e rgb(36,54,126)
```
#283d8d
```
#283d8d rgb(40,61,141)
```
#2d439d
```
#2d439d rgb(45,67,157)
```
#314aac
```
#314aac rgb(49,74,172)
```
#3551bb
```
#3551bb rgb(53,81,187)
```

Shade Color Variation

#3d59c8
```
#3d59c8 rgb(61,89,200)
```
#4c66cc
```
#4c66cc rgb(76,102,204)
```
#5b73d0
```
#5b73d0 rgb(91,115,208)
```
#6a80d5
```
#6a80d5 rgb(106,128,213)
```
#7a8dd9
```
#7a8dd9 rgb(122,141,217)
```
#899add
```
#899add rgb(137,154,221)
```
#98a7e2
```
#98a7e2 rgb(152,167,226)
```
#a7b4e6
```
#a7b4e6 rgb(167,180,230)
```
#b7c1ea
```
#b7c1ea rgb(183,193,234)
```
#c6ceef
```
#c6ceef rgb(198,206,239)
```
#d5dbf3
```
#d5dbf3 rgb(213,219,243)
```
#e5e8f7
```
#e5e8f7 rgb(229,232,247)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

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

#6d6d71
```
#6d6d71 rgb(109,109,113)
```
#646879
```
#646879 rgb(100,104,121)
```
#5c6382
```
#5c6382 rgb(92,99,130)
```
#535e8a
```
#535e8a rgb(83,94,138)
```
#4b5993
```
#4b5993 rgb(75,89,147)
```
#42549b
```
#42549b rgb(66,84,155)
```
#3a4fa4
```
#3a4fa4 rgb(58,79,164)
```
#314aac
```
#314aac rgb(49,74,172)
```
#2945b5
```
#2945b5 rgb(41,69,181)
```
#2040bd
```
#2040bd rgb(32,64,189)
```
#183bc6
```
#183bc6 rgb(24,59,198)
```
#0f36ce
```
#0f36ce rgb(15,54,206)
```
#0631d7
```
#0631d7 rgb(6,49,215)
```

Tone Color Variation

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

#0058ad 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

#314aac hex color

#314aac Color Information

#314aac Color Conversion

Color Schemes with #314aac

Alternatives to #314aac

#314aac Preview

Shades and Tints of #314aac

Tones of #314aac

Color Blindness Simulator