#314db2 hex color

In a RGB color space, hex #314db2 is composed of 19.2% red, 30.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 56.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 227 degrees, a saturation of 56.8% and a lightness of 44.5%. #314db2 color hex could be obtained by blending #629aff with #000065. Closest websafe color is: #336699.

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

● #314db2 color description : Dark blue.

The hexadecimal color #314db2 has RGB values of R:49, G:77, B:178 and CMYK values of C:0.72, M:0.57, Y:0, K:0.3. Its decimal value is 3231154.

Hex triplet	314db2	`#314db2`
RGB Decimal	49, 77, 178	`rgb(49,77,178)`
RGB Percent	19.2, 30.2, 69.8	`rgb(19.2%,30.2%,69.8%)`
CMYK	72, 57, 0, 30
HSL	227°, 56.8, 44.5	`hsl(227,56.8%,44.5%)`
HSV (or HSB)	227°, 72.5, 69.8
Web Safe	336699	`#336699`

CIE-LAB	36.318, 25.009, -56.824
XYZ	11.955, 9.174, 43.258
xyY	0.186, 0.142, 9.174
CIE-LCH	36.318, 62.084, 293.755
CIE-LUV	36.318, -12.585, -81.563
Hunter-Lab	30.289, 17.446, -63.474
Binary	00110001, 01001101, 10110010

#314db2
```
#314db2 rgb(49,77,178)
```
#b29631
```
#b29631 rgb(178,150,49)
```

Complementary Color

#318eb2
```
#318eb2 rgb(49,142,178)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#5631b2
```
#5631b2 rgb(86,49,178)
```

Analogous Color

#8eb231
```
#8eb231 rgb(142,178,49)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#b25631
```
#b25631 rgb(178,86,49)
```

Split Complementary Color

#4db231
```
#4db231 rgb(77,178,49)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#b2314d
```
#b2314d rgb(178,49,77)
```

Triadic Color

#31b296
```
#31b296 rgb(49,178,150)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#b2314d
```
#b2314d rgb(178,49,77)
```
#b29631
```
#b29631 rgb(178,150,49)
```

Tetradic Color

#203376
```
#203376 rgb(32,51,118)
```
#263c8a
```
#263c8a rgb(38,60,138)
```
#2b449e
```
#2b449e rgb(43,68,158)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#3756c6
```
#3756c6 rgb(55,86,198)
```
#4966cd
```
#4966cd rgb(73,102,205)
```
#5d77d2
```
#5d77d2 rgb(93,119,210)
```

Monochromatic Color

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

#316db2
```
#316db2 rgb(49,109,178)
```
#3163b2
```
#3163b2 rgb(49,99,178)
```
#3158b2
```
#3158b2 rgb(49,88,178)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#3142b2
```
#3142b2 rgb(49,66,178)
```
#3138b2
```
#3138b2 rgb(49,56,178)
```
#3531b2
```
#3531b2 rgb(53,49,178)
```

Similar Colors

Text with hexadecimal color #314db2

This text has a font color of #314db2.

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

#314db2 background color

This paragraph has a background color of #314db2.

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

#314db2 border color

This element has a border color of #314db2.

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

CSS codes

.text {color:#314db2;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#070a18
```
#070a18 rgb(7,10,24)
```
#0b1128
```
#0b1128 rgb(11,17,40)
```
#0f1837
```
#0f1837 rgb(15,24,55)
```
#131e46
```
#131e46 rgb(19,30,70)
```
#182556
```
#182556 rgb(24,37,86)
```
#1c2c65
```
#1c2c65 rgb(28,44,101)
```
#203274
```
#203274 rgb(32,50,116)
```
#243984
```
#243984 rgb(36,57,132)
```
#294093
```
#294093 rgb(41,64,147)
```
#2d46a3
```
#2d46a3 rgb(45,70,163)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#3554c1
```
#3554c1 rgb(53,84,193)
```

Shade Color Variation

#405eca
```
#405eca rgb(64,94,202)
```
#4f6bcf
```
#4f6bcf rgb(79,107,207)
```
#5f78d3
```
#5f78d3 rgb(95,120,211)
```
#6e85d7
```
#6e85d7 rgb(110,133,215)
```
#7d92db
```
#7d92db rgb(125,146,219)
```
#8d9fe0
```
#8d9fe0 rgb(141,159,224)
```
#9cace4
```
#9cace4 rgb(156,172,228)
```
#acb9e8
```
#acb9e8 rgb(172,185,232)
```
#bbc6ec
```
#bbc6ec rgb(187,198,236)
```
#cad3f0
```
#cad3f0 rgb(202,211,240)
```
#dae0f5
```
#dae0f5 rgb(218,224,245)
```
#e9ecf9
```
#e9ecf9 rgb(233,236,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#6e7075
```
#6e7075 rgb(110,112,117)
```
#656b7e
```
#656b7e rgb(101,107,126)
```
#5d6686
```
#5d6686 rgb(93,102,134)
```
#54618f
```
#54618f rgb(84,97,143)
```
#4b5c98
```
#4b5c98 rgb(75,92,152)
```
#4257a1
```
#4257a1 rgb(66,87,161)
```
#3a52a9
```
#3a52a9 rgb(58,82,169)
```
#314db2
```
#314db2 rgb(49,77,178)
```
#2848bb
```
#2848bb rgb(40,72,187)
```
#2043c3
```
#2043c3 rgb(32,67,195)
```
#173ecc
```
#173ecc rgb(23,62,204)
```
#0e39d5
```
#0e39d5 rgb(14,57,213)
```
#0534de
```
#0534de rgb(5,52,222)
```

Tone Color Variation

Below, you can see how #314db2 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
#4a4f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00609c Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1156b2 Protanomaly 1% of men, 0.01% of women
#1159a4 Deuteranomaly 6% of men, 0.4% of women
#115d86 Tritanomaly 0.01% of the population

#314db2 hex color

#314db2 Color Information

#314db2 Color Conversion

Color Schemes with #314db2

Alternatives to #314db2

#314db2 Preview

Shades and Tints of #314db2

Tones of #314db2

Color Blindness Simulator