#314cdf hex color

In a RGB color space, hex #314cdf is composed of 19.2% red, 29.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 65.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 230.7 degrees, a saturation of 73.1% and a lightness of 53.3%. #314cdf color hex could be obtained by blending #6298ff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 30
- B 87
RGB color chart
- C 78
- M 66
- Y 0
- K 13
CMYK color chart

● #314cdf color description : Bright blue.

The hexadecimal color #314cdf has RGB values of R:49, G:76, B:223 and CMYK values of C:0.78, M:0.66, Y:0, K:0.13. Its decimal value is 3230943.

Hex triplet	314cdf	`#314cdf`
RGB Decimal	49, 76, 223	`rgb(49,76,223)`
RGB Percent	19.2, 29.8, 87.5	`rgb(19.2%,29.8%,87.5%)`
CMYK	78, 66, 0, 13
HSL	230.7°, 73.1, 53.3	`hsl(230.7,73.1%,53.3%)`
HSV (or HSB)	230.7°, 78, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.829, 41.992, -77.22
XYZ	17.168, 11.148, 71.055
xyY	0.173, 0.112, 11.148
CIE-LCH	39.829, 87.899, 298.538
CIE-LUV	39.829, -13.001, -111.818
Hunter-Lab	33.389, 33.348, -102.802
Binary	00110001, 01001100, 11011111

#314cdf
```
#314cdf rgb(49,76,223)
```
#dfc431
```
#dfc431 rgb(223,196,49)
```

Complementary Color

#31a3df
```
#31a3df rgb(49,163,223)
```
#314cdf
```
#314cdf rgb(49,76,223)
```
#6d31df
```
#6d31df rgb(109,49,223)
```

Analogous Color

#a3df31
```
#a3df31 rgb(163,223,49)
```
#314cdf
```
#314cdf rgb(49,76,223)
```
#df6d31
```
#df6d31 rgb(223,109,49)
```

Split Complementary Color

#4cdf31
```
#4cdf31 rgb(76,223,49)
```
#314cdf
```
#314cdf rgb(49,76,223)
```
#df314c
```
#df314c rgb(223,49,76)
```

Triadic Color

#31dfc4
```
#31dfc4 rgb(49,223,196)
```
#314cdf
```
#314cdf rgb(49,76,223)
```
#df314c
```
#df314c rgb(223,49,76)
```
#dfc431
```
#dfc431 rgb(223,196,49)
```

Tetradic Color

#1a30a9
```
#1a30a9 rgb(26,48,169)
```
#1e37bf
```
#1e37bf rgb(30,55,191)
```
#213dd5
```
#213dd5 rgb(33,61,213)
```
#314cdf
```
#314cdf rgb(49,76,223)
```
#475fe2
```
#475fe2 rgb(71,95,226)
```
#5d72e6
```
#5d72e6 rgb(93,114,230)
```
#7386e9
```
#7386e9 rgb(115,134,233)
```

Monochromatic Color

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

#3178df
```
#3178df rgb(49,120,223)
```
#3169df
```
#3169df rgb(49,105,223)
```
#315bdf
```
#315bdf rgb(49,91,223)
```
#314cdf
```
#314cdf rgb(49,76,223)
```
#313edf
```
#313edf rgb(49,62,223)
```
#3331df
```
#3331df rgb(51,49,223)
```
#4131df
```
#4131df rgb(65,49,223)
```

Similar Colors

Text with hexadecimal color #314cdf

This text has a font color of #314cdf.

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

#314cdf background color

This paragraph has a background color of #314cdf.

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

#314cdf border color

This element has a border color of #314cdf.

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

CSS codes

.text {color:#314cdf;}

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

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

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, #02040f is the darkest color, while #fdfdff is the lightest one.

#02040f
```
#02040f rgb(2,4,15)
```
#050920
```
#050920 rgb(5,9,32)
```
#080e31
```
#080e31 rgb(8,14,49)
```
#0a1342
```
#0a1342 rgb(10,19,66)
```
#0d1853
```
#0d1853 rgb(13,24,83)
```
#0f1d64
```
#0f1d64 rgb(15,29,100)
```
#122175
```
#122175 rgb(18,33,117)
```
#152686
```
#152686 rgb(21,38,134)
```
#172b97
```
#172b97 rgb(23,43,151)
```
#1a30a8
```
#1a30a8 rgb(26,48,168)
```
#1d35b8
```
#1d35b8 rgb(29,53,184)
```
#1f3ac9
```
#1f3ac9 rgb(31,58,201)
```
#223fda
```
#223fda rgb(34,63,218)
```

Shade Color Variation

#314cdf
```
#314cdf rgb(49,76,223)
```
#425be2
```
#425be2 rgb(66,91,226)
```
#536ae4
```
#536ae4 rgb(83,106,228)
```
#6478e7
```
#6478e7 rgb(100,120,231)
```
#7587ea
```
#7587ea rgb(117,135,234)
```
#8696ec
```
#8696ec rgb(134,150,236)
```
#97a5ef
```
#97a5ef rgb(151,165,239)
```
#a8b3f1
```
#a8b3f1 rgb(168,179,241)
```
#b9c2f4
```
#b9c2f4 rgb(185,194,244)
```
#cad1f7
```
#cad1f7 rgb(202,209,247)
```
#dbe0f9
```
#dbe0f9 rgb(219,224,249)
```
#eceefc
```
#eceefc rgb(236,238,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83858d is the less saturated color, while #1639fa is the most saturated one.

#83858d
```
#83858d rgb(131,133,141)
```
#7a7f96
```
#7a7f96 rgb(122,127,150)
```
#71789f
```
#71789f rgb(113,120,159)
```
#6872a8
```
#6872a8 rgb(104,114,168)
```
#5f6cb1
```
#5f6cb1 rgb(95,108,177)
```
#5665ba
```
#5665ba rgb(86,101,186)
```
#4c5fc4
```
#4c5fc4 rgb(76,95,196)
```
#4359cd
```
#4359cd rgb(67,89,205)
```
#3a52d6
```
#3a52d6 rgb(58,82,214)
```
#314cdf
```
#314cdf rgb(49,76,223)
```
#2846e8
```
#2846e8 rgb(40,70,232)
```
#1f3ff1
```
#1f3ff1 rgb(31,63,241)
```
#1639fa
```
#1639fa rgb(22,57,250)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#115acc Protanomaly 1% of men, 0.01% of women
#115ebc Deuteranomaly 6% of men, 0.4% of women
#11639c Tritanomaly 0.01% of the population

#314cdf hex color

#314cdf Color Information

#314cdf Color Conversion

Color Schemes with #314cdf

Alternatives to #314cdf

#314cdf Preview

Shades and Tints of #314cdf

Tones of #314cdf

Color Blindness Simulator