#314bcc hex color

In a RGB color space, hex #314bcc is composed of 19.2% red, 29.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 63.2% magenta, 0% yellow and 20% black. It has a hue angle of 229.9 degrees, a saturation of 61.3% and a lightness of 49.6%. #314bcc color hex could be obtained by blending #6296ff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 29
- B 80
RGB color chart
- C 76
- M 63
- Y 0
- K 20
CMYK color chart

● #314bcc color description : Strong blue.

The hexadecimal color #314bcc has RGB values of R:49, G:75, B:204 and CMYK values of C:0.76, M:0.63, Y:0, K:0.2. Its decimal value is 3230668.

Hex triplet	314bcc	`#314bcc`
RGB Decimal	49, 75, 204	`rgb(49,75,204)`
RGB Percent	19.2, 29.4, 80	`rgb(19.2%,29.4%,80%)`
CMYK	76, 63, 0, 20
HSL	229.9°, 61.3, 49.6	`hsl(229.9,61.3%,49.6%)`
HSV (or HSB)	229.9°, 76, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.921, 35.846, -69.427
XYZ	14.68, 10.044, 58.288
xyY	0.177, 0.121, 10.044
CIE-LCH	37.921, 78.135, 297.308
CIE-LUV	37.921, -12.443, -99.89
Hunter-Lab	31.692, 27.22, -86.863
Binary	00110001, 01001011, 11001100

#314bcc
```
#314bcc rgb(49,75,204)
```
#ccb231
```
#ccb231 rgb(204,178,49)
```

Complementary Color

#3199cc
```
#3199cc rgb(49,153,204)
```
#314bcc
```
#314bcc rgb(49,75,204)
```
#6531cc
```
#6531cc rgb(101,49,204)
```

Analogous Color

#99cc31
```
#99cc31 rgb(153,204,49)
```
#314bcc
```
#314bcc rgb(49,75,204)
```
#cc6531
```
#cc6531 rgb(204,101,49)
```

Split Complementary Color

#4bcc31
```
#4bcc31 rgb(75,204,49)
```
#314bcc
```
#314bcc rgb(49,75,204)
```
#cc314b
```
#cc314b rgb(204,49,75)
```

Triadic Color

#31ccb2
```
#31ccb2 rgb(49,204,178)
```
#314bcc
```
#314bcc rgb(49,75,204)
```
#cc314b
```
#cc314b rgb(204,49,75)
```
#ccb231
```
#ccb231 rgb(204,178,49)
```

Tetradic Color

#22348e
```
#22348e rgb(34,52,142)
```
#273ca3
```
#273ca3 rgb(39,60,163)
```
#2c43b7
```
#2c43b7 rgb(44,67,183)
```
#314bcc
```
#314bcc rgb(49,75,204)
```
#445cd2
```
#445cd2 rgb(68,92,210)
```
#596ed7
```
#596ed7 rgb(89,110,215)
```
#6d80dc
```
#6d80dc rgb(109,128,220)
```

Monochromatic Color

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

#3172cc
```
#3172cc rgb(49,114,204)
```
#3165cc
```
#3165cc rgb(49,101,204)
```
#3158cc
```
#3158cc rgb(49,88,204)
```
#314bcc
```
#314bcc rgb(49,75,204)
```
#313ecc
```
#313ecc rgb(49,62,204)
```
#3131cc
```
#3131cc rgb(49,49,204)
```
#3e31cc
```
#3e31cc rgb(62,49,204)
```

Similar Colors

Text with hexadecimal color #314bcc

This text has a font color of #314bcc.

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

#314bcc background color

This paragraph has a background color of #314bcc.

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

#314bcc border color

This element has a border color of #314bcc.

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

CSS codes

.text {color:#314bcc;}

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

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

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, #03050e is the darkest color, while #fdfeff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070b1e
```
#070b1e rgb(7,11,30)
```
#0b112e
```
#0b112e rgb(11,17,46)
```
#0f173e
```
#0f173e rgb(15,23,62)
```
#131c4d
```
#131c4d rgb(19,28,77)
```
#16225d
```
#16225d rgb(22,34,93)
```
#1a286d
```
#1a286d rgb(26,40,109)
```
#1e2e7d
```
#1e2e7d rgb(30,46,125)
```
#22348d
```
#22348d rgb(34,52,141)
```
#263a9d
```
#263a9d rgb(38,58,157)
```
#293fac
```
#293fac rgb(41,63,172)
```
#2d45bc
```
#2d45bc rgb(45,69,188)
```
#314bcc
```
#314bcc rgb(49,75,204)
```

Shade Color Variation

#4058d1
```
#4058d1 rgb(64,88,209)
```
#4f66d5
```
#4f66d5 rgb(79,102,213)
```
#5f74d9
```
#5f74d9 rgb(95,116,217)
```
#6f81dc
```
#6f81dc rgb(111,129,220)
```
#7f8fe0
```
#7f8fe0 rgb(127,143,224)
```
#8f9de4
```
#8f9de4 rgb(143,157,228)
```
#9eabe8
```
#9eabe8 rgb(158,171,232)
```
#aeb9ec
```
#aeb9ec rgb(174,185,236)
```
#bec6ef
```
#bec6ef rgb(190,198,239)
```
#ced4f3
```
#ced4f3 rgb(206,212,243)
```
#dee2f7
```
#dee2f7 rgb(222,226,247)
```
#eef0fb
```
#eef0fb rgb(238,240,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757888 is the less saturated color, while #002bfd is the most saturated one.

#757888
```
#757888 rgb(117,120,136)
```
#6b7292
```
#6b7292 rgb(107,114,146)
```
#626b9b
```
#626b9b rgb(98,107,155)
```
#5865a5
```
#5865a5 rgb(88,101,165)
```
#4e5eaf
```
#4e5eaf rgb(78,94,175)
```
#4458b9
```
#4458b9 rgb(68,88,185)
```
#3b51c2
```
#3b51c2 rgb(59,81,194)
```
#314bcc
```
#314bcc rgb(49,75,204)
```
#2745d6
```
#2745d6 rgb(39,69,214)
```
#1e3edf
```
#1e3edf rgb(30,62,223)
```
#1438e9
```
#1438e9 rgb(20,56,233)
```
#0a31f3
```
#0a31f3 rgb(10,49,243)
```
#002bfd
```
#002bfd rgb(0,43,253)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b516a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0064a1 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1157c0 Protanomaly 1% of men, 0.01% of women
#115bb0 Deuteranomaly 6% of men, 0.4% of women
#115f92 Tritanomaly 0.01% of the population

#314bcc hex color

#314bcc Color Information

#314bcc Color Conversion

Color Schemes with #314bcc

Alternatives to #314bcc

#314bcc Preview

Shades and Tints of #314bcc

Tones of #314bcc

Color Blindness Simulator