#314bbd hex color

In a RGB color space, hex #314bbd is composed of 19.2% red, 29.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 60.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 228.9 degrees, a saturation of 58.8% and a lightness of 46.7%. #314bbd color hex could be obtained by blending #6296ff with #00007b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 29
- B 74
RGB color chart
- C 74
- M 60
- Y 0
- K 26
CMYK color chart

● #314bbd color description : Moderate blue.

The hexadecimal color #314bbd has RGB values of R:49, G:75, B:189 and CMYK values of C:0.74, M:0.6, Y:0, K:0.26. Its decimal value is 3230653.

Hex triplet	314bbd	`#314bbd`
RGB Decimal	49, 75, 189	`rgb(49,75,189)`
RGB Percent	19.2, 29.4, 74.1	`rgb(19.2%,29.4%,74.1%)`
CMYK	74, 60, 0, 26
HSL	228.9°, 58.8, 46.7	`hsl(228.9,58.8%,46.7%)`
HSV (or HSB)	228.9°, 74.1, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.665, 30.385, -62.737
XYZ	12.966, 9.358, 49.264
xyY	0.181, 0.131, 9.358
CIE-LCH	36.665, 69.708, 295.842
CIE-LUV	36.665, -12.207, -89.917
Hunter-Lab	30.591, 22.122, -74.066
Binary	00110001, 01001011, 10111101

#314bbd
```
#314bbd rgb(49,75,189)
```
#bda331
```
#bda331 rgb(189,163,49)
```

Complementary Color

#3191bd
```
#3191bd rgb(49,145,189)
```
#314bbd
```
#314bbd rgb(49,75,189)
```
#5d31bd
```
#5d31bd rgb(93,49,189)
```

Analogous Color

#91bd31
```
#91bd31 rgb(145,189,49)
```
#314bbd
```
#314bbd rgb(49,75,189)
```
#bd5d31
```
#bd5d31 rgb(189,93,49)
```

Split Complementary Color

#4bbd31
```
#4bbd31 rgb(75,189,49)
```
#314bbd
```
#314bbd rgb(49,75,189)
```
#bd314b
```
#bd314b rgb(189,49,75)
```

Triadic Color

#31bda3
```
#31bda3 rgb(49,189,163)
```
#314bbd
```
#314bbd rgb(49,75,189)
```
#bd314b
```
#bd314b rgb(189,49,75)
```
#bda331
```
#bda331 rgb(189,163,49)
```

Tetradic Color

#213380
```
#213380 rgb(33,51,128)
```
#273b95
```
#273b95 rgb(39,59,149)
```
#2c43a9
```
#2c43a9 rgb(44,67,169)
```
#314bbd
```
#314bbd rgb(49,75,189)
```
#3b56cc
```
#3b56cc rgb(59,86,204)
```
#5068d2
```
#5068d2 rgb(80,104,210)
```
#6479d7
```
#6479d7 rgb(100,121,215)
```

Monochromatic Color

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

#316ebd
```
#316ebd rgb(49,110,189)
```
#3162bd
```
#3162bd rgb(49,98,189)
```
#3157bd
```
#3157bd rgb(49,87,189)
```
#314bbd
```
#314bbd rgb(49,75,189)
```
#313fbd
```
#313fbd rgb(49,63,189)
```
#3134bd
```
#3134bd rgb(49,52,189)
```
#3a31bd
```
#3a31bd rgb(58,49,189)
```

Similar Colors

Text with hexadecimal color #314bbd

This text has a font color of #314bbd.

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

#314bbd background color

This paragraph has a background color of #314bbd.

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

#314bbd border color

This element has a border color of #314bbd.

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

CSS codes

.text {color:#314bbd;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050712
```
#050712 rgb(5,7,18)
```
#090d21
```
#090d21 rgb(9,13,33)
```
#0d1331
```
#0d1331 rgb(13,19,49)
```
#111a40
```
#111a40 rgb(17,26,64)
```
#152050
```
#152050 rgb(21,32,80)
```
#192660
```
#192660 rgb(25,38,96)
```
#1d2c6f
```
#1d2c6f rgb(29,44,111)
```
#21327f
```
#21327f rgb(33,50,127)
```
#25388e
```
#25388e rgb(37,56,142)
```
#293f9e
```
#293f9e rgb(41,63,158)
```
#2d45ad
```
#2d45ad rgb(45,69,173)
```
#314bbd
```
#314bbd rgb(49,75,189)
```

Shade Color Variation

#3752cb
```
#3752cb rgb(55,82,203)
```
#4660cf
```
#4660cf rgb(70,96,207)
```
#566dd3
```
#566dd3 rgb(86,109,211)
```
#657ad7
```
#657ad7 rgb(101,122,215)
```
#7588db
```
#7588db rgb(117,136,219)
```
#8495df
```
#8495df rgb(132,149,223)
```
#94a3e3
```
#94a3e3 rgb(148,163,227)
```
#a4b0e7
```
#a4b0e7 rgb(164,176,231)
```
#b3beeb
```
#b3beeb rgb(179,190,235)
```
#c3cbef
```
#c3cbef rgb(195,203,239)
```
#d2d8f3
```
#d2d8f3 rgb(210,216,243)
```
#e2e6f7
```
#e2e6f7 rgb(226,230,247)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71737d is the less saturated color, while #032eeb is the most saturated one.

#71737d
```
#71737d rgb(113,115,125)
```
#686e86
```
#686e86 rgb(104,110,134)
```
#5f688f
```
#5f688f rgb(95,104,143)
```
#566298
```
#566298 rgb(86,98,152)
```
#4c5ca2
```
#4c5ca2 rgb(76,92,162)
```
#4357ab
```
#4357ab rgb(67,87,171)
```
#3a51b4
```
#3a51b4 rgb(58,81,180)
```
#314bbd
```
#314bbd rgb(49,75,189)
```
#2845c6
```
#2845c6 rgb(40,69,198)
```
#1f3fcf
```
#1f3fcf rgb(31,63,207)
```
#163ad8
```
#163ad8 rgb(22,58,216)
```
#0c34e2
```
#0c34e2 rgb(12,52,226)
```
#032eeb
```
#032eeb rgb(3,46,235)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a4f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00619d Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1155b7 Protanomaly 1% of men, 0.01% of women
#1159a8 Deuteranomaly 6% of men, 0.4% of women
#115d8b Tritanomaly 0.01% of the population

#314bbd hex color

#314bbd Color Information

#314bbd Color Conversion

Color Schemes with #314bbd

Alternatives to #314bbd

#314bbd Preview

Shades and Tints of #314bbd

Tones of #314bbd

Color Blindness Simulator