#314cb5 hex color

In a RGB color space, hex #314cb5 is composed of 19.2% red, 29.8% green and 71% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 58% magenta, 0% yellow and 29% black. It has a hue angle of 227.7 degrees, a saturation of 57.4% and a lightness of 45.1%. #314cb5 color hex could be obtained by blending #6298ff with #00006b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 30
- B 71
RGB color chart
- C 73
- M 58
- Y 0
- K 29
CMYK color chart

● #314cb5 color description : Moderate blue.

The hexadecimal color #314cb5 has RGB values of R:49, G:76, B:181 and CMYK values of C:0.73, M:0.58, Y:0, K:0.29. Its decimal value is 3230901.

Hex triplet	314cb5	`#314cb5`
RGB Decimal	49, 76, 181	`rgb(49,76,181)`
RGB Percent	19.2, 29.8, 71	`rgb(19.2%,29.8%,71%)`
CMYK	73, 58, 0, 29
HSL	227.7°, 57.4, 45.1	`hsl(227.7,57.4%,45.1%)`
HSV (or HSB)	227.7°, 72.9, 71
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.285, 26.781, -58.65
XYZ	12.19, 9.157, 44.839
xyY	0.184, 0.138, 9.157
CIE-LCH	36.285, 64.475, 294.542
CIE-LUV	36.285, -12.355, -84.062
Hunter-Lab	30.261, 18.947, -66.669
Binary	00110001, 01001100, 10110101

#314cb5
```
#314cb5 rgb(49,76,181)
```
#b59a31
```
#b59a31 rgb(181,154,49)
```

Complementary Color

#318eb5
```
#318eb5 rgb(49,142,181)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#5831b5
```
#5831b5 rgb(88,49,181)
```

Analogous Color

#8eb531
```
#8eb531 rgb(142,181,49)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#b55831
```
#b55831 rgb(181,88,49)
```

Split Complementary Color

#4cb531
```
#4cb531 rgb(76,181,49)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#b5314c
```
#b5314c rgb(181,49,76)
```

Triadic Color

#31b59a
```
#31b59a rgb(49,181,154)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#b5314c
```
#b5314c rgb(181,49,76)
```
#b59a31
```
#b59a31 rgb(181,154,49)
```

Tetradic Color

#213379
```
#213379 rgb(33,51,121)
```
#263b8d
```
#263b8d rgb(38,59,141)
```
#2c44a1
```
#2c44a1 rgb(44,68,161)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#3755c9
```
#3755c9 rgb(55,85,201)
```
#4b66ce
```
#4b66ce rgb(75,102,206)
```
#5f77d4
```
#5f77d4 rgb(95,119,212)
```

Monochromatic Color

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

#316db5
```
#316db5 rgb(49,109,181)
```
#3162b5
```
#3162b5 rgb(49,98,181)
```
#3157b5
```
#3157b5 rgb(49,87,181)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#3141b5
```
#3141b5 rgb(49,65,181)
```
#3136b5
```
#3136b5 rgb(49,54,181)
```
#3731b5
```
#3731b5 rgb(55,49,181)
```

Similar Colors

Text with hexadecimal color #314cb5

This text has a font color of #314cb5.

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

#314cb5 background color

This paragraph has a background color of #314cb5.

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

#314cb5 border color

This element has a border color of #314cb5.

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

CSS codes

.text {color:#314cb5;}

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

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

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

#03050b
```
#03050b rgb(3,5,11)
```
#070b1b
```
#070b1b rgb(7,11,27)
```
#0b122a
```
#0b122a rgb(11,18,42)
```
#10183a
```
#10183a rgb(16,24,58)
```
#141f49
```
#141f49 rgb(20,31,73)
```
#182558
```
#182558 rgb(24,37,88)
```
#1c2c68
```
#1c2c68 rgb(28,44,104)
```
#203277
```
#203277 rgb(32,50,119)
```
#243987
```
#243987 rgb(36,57,135)
```
#293f96
```
#293f96 rgb(41,63,150)
```
#2d46a6
```
#2d46a6 rgb(45,70,166)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#3552c4
```
#3552c4 rgb(53,82,196)
```

Shade Color Variation

#425ecc
```
#425ecc rgb(66,94,204)
```
#516bd0
```
#516bd0 rgb(81,107,208)
```
#6078d4
```
#6078d4 rgb(96,120,212)
```
#7085d8
```
#7085d8 rgb(112,133,216)
```
#7f92dc
```
#7f92dc rgb(127,146,220)
```
#8f9fe1
```
#8f9fe1 rgb(143,159,225)
```
#9eade5
```
#9eade5 rgb(158,173,229)
```
#aebae9
```
#aebae9 rgb(174,186,233)
```
#bdc7ed
```
#bdc7ed rgb(189,199,237)
```
#ccd4f1
```
#ccd4f1 rgb(204,212,241)
```
#dce1f5
```
#dce1f5 rgb(220,225,245)
```
#ebeefa
```
#ebeefa rgb(235,238,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#6f7177
```
#6f7177 rgb(111,113,119)
```
#666b80
```
#666b80 rgb(102,107,128)
```
#5d6689
```
#5d6689 rgb(93,102,137)
```
#546192
```
#546192 rgb(84,97,146)
```
#4c5c9a
```
#4c5c9a rgb(76,92,154)
```
#4356a3
```
#4356a3 rgb(67,86,163)
```
#3a51ac
```
#3a51ac rgb(58,81,172)
```
#314cb5
```
#314cb5 rgb(49,76,181)
```
#2847be
```
#2847be rgb(40,71,190)
```
#1f42c7
```
#1f42c7 rgb(31,66,199)
```
#163cd0
```
#163cd0 rgb(22,60,208)
```
#0e37d8
```
#0e37d8 rgb(14,55,216)
```
#0532e1
```
#0532e1 rgb(5,50,225)
```

Tone Color Variation

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

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

Trichromacy

#1155b3 Protanomaly 1% of men, 0.01% of women
#1158a5 Deuteranomaly 6% of men, 0.4% of women
#115d87 Tritanomaly 0.01% of the population

#314cb5 hex color

#314cb5 Color Information

#314cb5 Color Conversion

Color Schemes with #314cb5

Alternatives to #314cb5

#314cb5 Preview

Shades and Tints of #314cb5

Tones of #314cb5

Color Blindness Simulator