colorhexa.com

#314dbc hex color

In a RGB color space, hex #314dbc is composed of 19.2% red, 30.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 59% magenta, 0% yellow and 26.3% black. It has a hue angle of 227.9 degrees, a saturation of 58.6% and a lightness of 46.5%. #314dbc color hex could be obtained by blending #629aff with #000079. Closest websafe color is: #3366cc.

- R 19
- G 30
- B 74
RGB color chart
- C 74
- M 59
- Y 0
- K 26
CMYK color chart

● #314dbc color description : Moderate blue.

The hexadecimal color #314dbc has RGB values of R:49, G:77, B:188 and CMYK values of C:0.74, M:0.59, Y:0, K:0.26. Its decimal value is 3231164.

Hex triplet	314dbc	`#314dbc`
RGB Decimal	49, 77, 188	`rgb(49,77,188)`
RGB Percent	19.2, 30.2, 73.7	`rgb(19.2%,30.2%,73.7%)`
CMYK	74, 59, 0, 26
HSL	227.9°, 58.6, 46.5	`hsl(227.9,58.6%,46.5%)`
HSV (or HSB)	227.9°, 73.9, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.098, 28.718, -61.446
XYZ	12.996, 9.591, 48.74
xyY	0.182, 0.134, 9.591
CIE-LCH	37.098, 67.826, 295.05
CIE-LUV	37.098, -12.695, -88.514
Hunter-Lab	30.969, 20.71, -71.636
Binary	00110001, 01001101, 10111100

#314dbc
```
#314dbc rgb(49,77,188)
```
#bca031
```
#bca031 rgb(188,160,49)
```

Complementary Color

#3193bc
```
#3193bc rgb(49,147,188)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#5a31bc
```
#5a31bc rgb(90,49,188)
```

Analogous Color

#93bc31
```
#93bc31 rgb(147,188,49)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#bc5b31
```
#bc5b31 rgb(188,91,49)
```

Split Complementary Color

#4dbc31
```
#4dbc31 rgb(77,188,49)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#bc314d
```
#bc314d rgb(188,49,77)
```

Triadic Color

#31bca0
```
#31bca0 rgb(49,188,160)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#bc314d
```
#bc314d rgb(188,49,77)
```
#bca031
```
#bca031 rgb(188,160,49)
```

Tetradic Color

#21347f
```
#21347f rgb(33,52,127)
```
#263c94
```
#263c94 rgb(38,60,148)
```
#2c45a8
```
#2c45a8 rgb(44,69,168)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#3b58cc
```
#3b58cc rgb(59,88,204)
```
#4f69d1
```
#4f69d1 rgb(79,105,209)
```
#637ad6
```
#637ad6 rgb(99,122,214)
```

Monochromatic Color

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

#3170bc
```
#3170bc rgb(49,112,188)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#3159bc
```
#3159bc rgb(49,89,188)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#3141bc
```
#3141bc rgb(49,65,188)
```
#3136bc
```
#3136bc rgb(49,54,188)
```
#3831bc
```
#3831bc rgb(56,49,188)
```

Similar Colors

Text with hexadecimal color #314dbc

This text has a font color of #314dbc.

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

#314dbc background color

This paragraph has a background color of #314dbc.

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

#314dbc border color

This element has a border color of #314dbc.

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

CSS codes

.text {color:#314dbc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080d20
```
#080d20 rgb(8,13,32)
```
#0d1430
```
#0d1430 rgb(13,20,48)
```
#111a40
```
#111a40 rgb(17,26,64)
```
#15204f
```
#15204f rgb(21,32,79)
```
#19275f
```
#19275f rgb(25,39,95)
```
#1d2d6e
```
#1d2d6e rgb(29,45,110)
```
#21347e
```
#21347e rgb(33,52,126)
```
#253a8d
```
#253a8d rgb(37,58,141)
```
#29409d
```
#29409d rgb(41,64,157)
```
#2d47ac
```
#2d47ac rgb(45,71,172)
```
#314dbc
```
#314dbc rgb(49,77,188)
```

Shade Color Variation

#3654cb
```
#3654cb rgb(54,84,203)
```
#4661cf
```
#4661cf rgb(70,97,207)
```
#556ed3
```
#556ed3 rgb(85,110,211)
```
#657cd7
```
#657cd7 rgb(101,124,215)
```
#7489db
```
#7489db rgb(116,137,219)
```
#8496df
```
#8496df rgb(132,150,223)
```
#93a3e3
```
#93a3e3 rgb(147,163,227)
```
#a3b1e7
```
#a3b1e7 rgb(163,177,231)
```
#b2beeb
```
#b2beeb rgb(178,190,235)
```
#c2cbef
```
#c2cbef rgb(194,203,239)
```
#d2d8f3
```
#d2d8f3 rgb(210,216,243)
```
#e1e6f7
```
#e1e6f7 rgb(225,230,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#71737c
```
#71737c rgb(113,115,124)
```
#686e85
```
#686e85 rgb(104,110,133)
```
#5f688e
```
#5f688e rgb(95,104,142)
```
#556398
```
#556398 rgb(85,99,152)
```
#4c5da1
```
#4c5da1 rgb(76,93,161)
```
#4358aa
```
#4358aa rgb(67,88,170)
```
#3a52b3
```
#3a52b3 rgb(58,82,179)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#2848c5
```
#2848c5 rgb(40,72,197)
```
#1f42ce
```
#1f42ce rgb(31,66,206)
```
#163dd7
```
#163dd7 rgb(22,61,215)
```
#0d37e0
```
#0d37e0 rgb(13,55,224)
```
#0332ea
```
#0332ea rgb(3,50,234)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1157b8 Protanomaly 1% of men, 0.01% of women
#115aa9 Deuteranomaly 6% of men, 0.4% of women
#115f8b Tritanomaly 0.01% of the population