#314bac hex color

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

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

● #314bac color description : Dark blue.

The hexadecimal color #314bac has RGB values of R:49, G:75, B:172 and CMYK values of C:0.72, M:0.56, Y:0, K:0.33. Its decimal value is 3230636.

Hex triplet	314bac	`#314bac`
RGB Decimal	49, 75, 172	`rgb(49,75,172)`
RGB Percent	19.2, 29.4, 67.5	`rgb(19.2%,29.4%,67.5%)`
CMYK	72, 56, 0, 33
HSL	227.3°, 55.7, 43.3	`hsl(227.3,55.7%,43.3%)`
HSV (or HSB)	227.3°, 71.5, 67.5
Web Safe	333399	`#333399`

CIE-LAB	35.327, 24.093, -54.873
XYZ	11.228, 8.663, 40.108
xyY	0.187, 0.144, 8.663
CIE-LCH	35.327, 59.93, 293.705
CIE-LUV	35.327, -11.985, -78.155
Hunter-Lab	29.433, 16.583, -60.191
Binary	00110001, 01001011, 10101100

#314bac
```
#314bac rgb(49,75,172)
```
#ac9231
```
#ac9231 rgb(172,146,49)
```

Complementary Color

#3189ac
```
#3189ac rgb(49,137,172)
```
#314bac
```
#314bac rgb(49,75,172)
```
#5531ac
```
#5531ac rgb(85,49,172)
```

Analogous Color

#89ac31
```
#89ac31 rgb(137,172,49)
```
#314bac
```
#314bac rgb(49,75,172)
```
#ac5531
```
#ac5531 rgb(172,85,49)
```

Split Complementary Color

#4bac31
```
#4bac31 rgb(75,172,49)
```
#314bac
```
#314bac rgb(49,75,172)
```
#ac314b
```
#ac314b rgb(172,49,75)
```

Triadic Color

#31ac92
```
#31ac92 rgb(49,172,146)
```
#314bac
```
#314bac rgb(49,75,172)
```
#ac314b
```
#ac314b rgb(172,49,75)
```
#ac9231
```
#ac9231 rgb(172,146,49)
```

Tetradic Color

#203170
```
#203170 rgb(32,49,112)
```
#263a84
```
#263a84 rgb(38,58,132)
```
#2b4298
```
#2b4298 rgb(43,66,152)
```
#314bac
```
#314bac rgb(49,75,172)
```
#3754c0
```
#3754c0 rgb(55,84,192)
```
#4662ca
```
#4662ca rgb(70,98,202)
```
#5a73d0
```
#5a73d0 rgb(90,115,208)
```

Monochromatic Color

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

#316aac
```
#316aac rgb(49,106,172)
```
#3160ac
```
#3160ac rgb(49,96,172)
```
#3155ac
```
#3155ac rgb(49,85,172)
```
#314bac
```
#314bac rgb(49,75,172)
```
#3141ac
```
#3141ac rgb(49,65,172)
```
#3137ac
```
#3137ac rgb(49,55,172)
```
#3631ac
```
#3631ac rgb(54,49,172)
```

Similar Colors

Text with hexadecimal color #314bac

This text has a font color of #314bac.

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

#314bac background color

This paragraph has a background color of #314bac.

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

#314bac border color

This element has a border color of #314bac.

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

CSS codes

.text {color:#314bac;}

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

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

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)
```
#0e1632
```
#0e1632 rgb(14,22,50)
```
#131c41
```
#131c41 rgb(19,28,65)
```
#172350
```
#172350 rgb(23,35,80)
```
#1b2a60
```
#1b2a60 rgb(27,42,96)
```
#20306f
```
#20306f rgb(32,48,111)
```
#24377e
```
#24377e rgb(36,55,126)
```
#283e8d
```
#283e8d rgb(40,62,141)
```
#2d449d
```
#2d449d rgb(45,68,157)
```
#314bac
```
#314bac rgb(49,75,172)
```
#3552bb
```
#3552bb rgb(53,82,187)
```

Shade Color Variation

#3d5ac8
```
#3d5ac8 rgb(61,90,200)
```
#4c67cc
```
#4c67cc rgb(76,103,204)
```
#5b74d0
```
#5b74d0 rgb(91,116,208)
```
#6a81d5
```
#6a81d5 rgb(106,129,213)
```
#7a8ed9
```
#7a8ed9 rgb(122,142,217)
```
#899bdd
```
#899bdd rgb(137,155,221)
```
#98a8e2
```
#98a8e2 rgb(152,168,226)
```
#a7b5e6
```
#a7b5e6 rgb(167,181,230)
```
#b7c2ea
```
#b7c2ea rgb(183,194,234)
```
#c6cfef
```
#c6cfef rgb(198,207,239)
```
#d5dcf3
```
#d5dcf3 rgb(213,220,243)
```
#e5e9f7
```
#e5e9f7 rgb(229,233,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 #0632d7 is the most saturated one.

#6d6d71
```
#6d6d71 rgb(109,109,113)
```
#646879
```
#646879 rgb(100,104,121)
```
#5c6482
```
#5c6482 rgb(92,100,130)
```
#535f8a
```
#535f8a rgb(83,95,138)
```
#4b5a93
```
#4b5a93 rgb(75,90,147)
```
#42559b
```
#42559b rgb(66,85,155)
```
#3a50a4
```
#3a50a4 rgb(58,80,164)
```
#314bac
```
#314bac rgb(49,75,172)
```
#2946b5
```
#2946b5 rgb(41,70,181)
```
#2041bd
```
#2041bd rgb(32,65,189)
```
#183cc6
```
#183cc6 rgb(24,60,198)
```
#0f37ce
```
#0f37ce rgb(15,55,206)
```
#0632d7
```
#0632d7 rgb(6,50,215)
```

Tone Color Variation

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

#0059ae Protanopia 1% of men
#005e99 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#1154ad Protanomaly 1% of men, 0.01% of women
#1157a0 Deuteranomaly 6% of men, 0.4% of women
#115b82 Tritanomaly 0.01% of the population

#314bac hex color

#314bac Color Information

#314bac Color Conversion

Color Schemes with #314bac

Alternatives to #314bac

#314bac Preview

Shades and Tints of #314bac

Tones of #314bac

Color Blindness Simulator