#314bcb hex color

In a RGB color space, hex #314bcb is composed of 19.2% red, 29.4% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 63.1% magenta, 0% yellow and 20.4% black. It has a hue angle of 229.9 degrees, a saturation of 61.1% and a lightness of 49.4%. #314bcb color hex could be obtained by blending #6296ff with #000097. 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

● #314bcb color description : Strong blue.

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

Hex triplet	314bcb	`#314bcb`
RGB Decimal	49, 75, 203	`rgb(49,75,203)`
RGB Percent	19.2, 29.4, 79.6	`rgb(19.2%,29.4%,79.6%)`
CMYK	76, 63, 0, 20
HSL	229.9°, 61.1, 49.4	`hsl(229.9,61.1%,49.4%)`
HSV (or HSB)	229.9°, 75.9, 79.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.835, 35.485, -68.988
XYZ	14.56, 9.996, 57.659
xyY	0.177, 0.122, 9.996
CIE-LCH	37.835, 77.579, 297.22
CIE-LUV	37.835, -12.427, -99.236
Hunter-Lab	31.616, 26.874, -85.996
Binary	00110001, 01001011, 11001011

#314bcb
```
#314bcb rgb(49,75,203)
```
#cbb131
```
#cbb131 rgb(203,177,49)
```

Complementary Color

#3198cb
```
#3198cb rgb(49,152,203)
```
#314bcb
```
#314bcb rgb(49,75,203)
```
#6431cb
```
#6431cb rgb(100,49,203)
```

Analogous Color

#98cb31
```
#98cb31 rgb(152,203,49)
```
#314bcb
```
#314bcb rgb(49,75,203)
```
#cb6431
```
#cb6431 rgb(203,100,49)
```

Split Complementary Color

#4bcb31
```
#4bcb31 rgb(75,203,49)
```
#314bcb
```
#314bcb rgb(49,75,203)
```
#cb314b
```
#cb314b rgb(203,49,75)
```

Triadic Color

#31cbb1
```
#31cbb1 rgb(49,203,177)
```
#314bcb
```
#314bcb rgb(49,75,203)
```
#cb314b
```
#cb314b rgb(203,49,75)
```
#cbb131
```
#cbb131 rgb(203,177,49)
```

Tetradic Color

#22348d
```
#22348d rgb(34,52,141)
```
#273ca2
```
#273ca2 rgb(39,60,162)
```
#2c43b6
```
#2c43b6 rgb(44,67,182)
```
#314bcb
```
#314bcb rgb(49,75,203)
```
#445cd2
```
#445cd2 rgb(68,92,210)
```
#586ed7
```
#586ed7 rgb(88,110,215)
```
#6d80dc
```
#6d80dc rgb(109,128,220)
```

Monochromatic Color

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

#3172cb
```
#3172cb rgb(49,114,203)
```
#3165cb
```
#3165cb rgb(49,101,203)
```
#3158cb
```
#3158cb rgb(49,88,203)
```
#314bcb
```
#314bcb rgb(49,75,203)
```
#313ecb
```
#313ecb rgb(49,62,203)
```
#3131cb
```
#3131cb rgb(49,49,203)
```
#3d31cb
```
#3d31cb rgb(61,49,203)
```

Similar Colors

Text with hexadecimal color #314bcb

This text has a font color of #314bcb.

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

#314bcb background color

This paragraph has a background color of #314bcb.

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

#314bcb border color

This element has a border color of #314bcb.

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

CSS codes

.text {color:#314bcb;}

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

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

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

#03050d
```
#03050d rgb(3,5,13)
```
#070b1d
```
#070b1d rgb(7,11,29)
```
#0b112d
```
#0b112d rgb(11,17,45)
```
#0f163d
```
#0f163d rgb(15,22,61)
```
#121c4d
```
#121c4d rgb(18,28,77)
```
#16225c
```
#16225c rgb(22,34,92)
```
#1a286c
```
#1a286c rgb(26,40,108)
```
#1e2e7c
```
#1e2e7c rgb(30,46,124)
```
#22348c
```
#22348c rgb(34,52,140)
```
#26399c
```
#26399c rgb(38,57,156)
```
#293fab
```
#293fab rgb(41,63,171)
```
#2d45bb
```
#2d45bb rgb(45,69,187)
```
#314bcb
```
#314bcb rgb(49,75,203)
```

Shade Color Variation

#3f58d1
```
#3f58d1 rgb(63,88,209)
```
#4f65d4
```
#4f65d4 rgb(79,101,212)
```
#5f73d8
```
#5f73d8 rgb(95,115,216)
```
#6e81dc
```
#6e81dc rgb(110,129,220)
```
#7e8fe0
```
#7e8fe0 rgb(126,143,224)
```
#8e9ce4
```
#8e9ce4 rgb(142,156,228)
```
#9eaae8
```
#9eaae8 rgb(158,170,232)
```
#aeb8eb
```
#aeb8eb rgb(174,184,235)
```
#bdc6ef
```
#bdc6ef rgb(189,198,239)
```
#cdd4f3
```
#cdd4f3 rgb(205,212,243)
```
#dde1f7
```
#dde1f7 rgb(221,225,247)
```
#edeffb
```
#edeffb rgb(237,239,251)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#757887
```
#757887 rgb(117,120,135)
```
#6b7291
```
#6b7291 rgb(107,114,145)
```
#616b9b
```
#616b9b rgb(97,107,155)
```
#5865a4
```
#5865a4 rgb(88,101,164)
```
#4e5eae
```
#4e5eae rgb(78,94,174)
```
#4458b8
```
#4458b8 rgb(68,88,184)
```
#3b51c1
```
#3b51c1 rgb(59,81,193)
```
#314bcb
```
#314bcb rgb(49,75,203)
```
#2745d5
```
#2745d5 rgb(39,69,213)
```
#1e3ede
```
#1e3ede rgb(30,62,222)
```
#1438e8
```
#1438e8 rgb(20,56,232)
```
#0a31f2
```
#0a31f2 rgb(10,49,242)
```
#012bfb
```
#012bfb rgb(1,43,251)
```

Tone Color Variation

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

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

#314bcb hex color

#314bcb Color Information

#314bcb Color Conversion

Color Schemes with #314bcb

Alternatives to #314bcb

#314bcb Preview

Shades and Tints of #314bcb

Tones of #314bcb

Color Blindness Simulator