#314ed3 hex color

In a RGB color space, hex #314ed3 is composed of 19.2% red, 30.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 63% magenta, 0% yellow and 17.3% black. It has a hue angle of 229.3 degrees, a saturation of 64.8% and a lightness of 51%. #314ed3 color hex could be obtained by blending #629cff with #0000a7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 31
- B 83
RGB color chart
- C 77
- M 63
- Y 0
- K 17
CMYK color chart

● #314ed3 color description : Strong blue.

The hexadecimal color #314ed3 has RGB values of R:49, G:78, B:211 and CMYK values of C:0.77, M:0.63, Y:0, K:0.17. Its decimal value is 3231443.

Hex triplet	314ed3	`#314ed3`
RGB Decimal	49, 78, 211	`rgb(49,78,211)`
RGB Percent	19.2, 30.6, 82.7	`rgb(19.2%,30.6%,82.7%)`
CMYK	77, 63, 0, 17
HSL	229.3°, 64.8, 51	`hsl(229.3,64.8%,51%)`
HSV (or HSB)	229.3°, 76.8, 82.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.248, 36.473, -71.296
XYZ	15.746, 10.804, 62.88
xyY	0.176, 0.121, 10.804
CIE-LCH	39.248, 80.083, 297.093
CIE-LUV	39.248, -13.243, -103.571
Hunter-Lab	32.869, 27.992, -90.416
Binary	00110001, 01001110, 11010011

#314ed3
```
#314ed3 rgb(49,78,211)
```
#d3b631
```
#d3b631 rgb(211,182,49)
```

Complementary Color

#319fd3
```
#319fd3 rgb(49,159,211)
```
#314ed3
```
#314ed3 rgb(49,78,211)
```
#6531d3
```
#6531d3 rgb(101,49,211)
```

Analogous Color

#9fd331
```
#9fd331 rgb(159,211,49)
```
#314ed3
```
#314ed3 rgb(49,78,211)
```
#d36531
```
#d36531 rgb(211,101,49)
```

Split Complementary Color

#4ed331
```
#4ed331 rgb(78,211,49)
```
#314ed3
```
#314ed3 rgb(49,78,211)
```
#d3314e
```
#d3314e rgb(211,49,78)
```

Triadic Color

#31d3b6
```
#31d3b6 rgb(49,211,182)
```
#314ed3
```
#314ed3 rgb(49,78,211)
```
#d3314e
```
#d3314e rgb(211,49,78)
```
#d3b631
```
#d3b631 rgb(211,182,49)
```

Tetradic Color

#203697
```
#203697 rgb(32,54,151)
```
#253dac
```
#253dac rgb(37,61,172)
```
#2944c1
```
#2944c1 rgb(41,68,193)
```
#314ed3
```
#314ed3 rgb(49,78,211)
```
#4660d7
```
#4660d7 rgb(70,96,215)
```
#5b72dc
```
#5b72dc rgb(91,114,220)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```

Monochromatic Color

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

#3177d3
```
#3177d3 rgb(49,119,211)
```
#3169d3
```
#3169d3 rgb(49,105,211)
```
#315cd3
```
#315cd3 rgb(49,92,211)
```
#314ed3
```
#314ed3 rgb(49,78,211)
```
#3141d3
```
#3141d3 rgb(49,65,211)
```
#3133d3
```
#3133d3 rgb(49,51,211)
```
#3c31d3
```
#3c31d3 rgb(60,49,211)
```

Similar Colors

Text with hexadecimal color #314ed3

This text has a font color of #314ed3.

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

#314ed3 background color

This paragraph has a background color of #314ed3.

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

#314ed3 border color

This element has a border color of #314ed3.

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

CSS codes

.text {color:#314ed3;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040714
```
#040714 rgb(4,7,20)
```
#080d24
```
#080d24 rgb(8,13,36)
```
#0b1335
```
#0b1335 rgb(11,19,53)
```
#0f1845
```
#0f1845 rgb(15,24,69)
```
#121e55
```
#121e55 rgb(18,30,85)
```
#162465
```
#162465 rgb(22,36,101)
```
#192a75
```
#192a75 rgb(25,42,117)
```
#1c2f85
```
#1c2f85 rgb(28,47,133)
```
#203596
```
#203596 rgb(32,53,150)
```
#233ba6
```
#233ba6 rgb(35,59,166)
```
#2740b6
```
#2740b6 rgb(39,64,182)
```
#2a46c6
```
#2a46c6 rgb(42,70,198)
```

Shade Color Variation

#314ed3
```
#314ed3 rgb(49,78,211)
```
#415cd6
```
#415cd6 rgb(65,92,214)
```
#516ada
```
#516ada rgb(81,106,218)
```
#6178dd
```
#6178dd rgb(97,120,221)
```
#7286e1
```
#7286e1 rgb(114,134,225)
```
#8293e4
```
#8293e4 rgb(130,147,228)
```
#92a1e8
```
#92a1e8 rgb(146,161,232)
```
#a2afeb
```
#a2afeb rgb(162,175,235)
```
#b2bdef
```
#b2bdef rgb(178,189,239)
```
#c2cbf2
```
#c2cbf2 rgb(194,203,242)
```
#d3d9f6
```
#d3d9f6 rgb(211,217,246)
```
#e3e7f9
```
#e3e7f9 rgb(227,231,249)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7f86 is the less saturated color, while #0b35f9 is the most saturated one.

#7e7f86
```
#7e7f86 rgb(126,127,134)
```
#747990
```
#747990 rgb(116,121,144)
```
#6b7399
```
#6b7399 rgb(107,115,153)
```
#616da3
```
#616da3 rgb(97,109,163)
```
#5767ad
```
#5767ad rgb(87,103,173)
```
#4e61b6
```
#4e61b6 rgb(78,97,182)
```
#445ac0
```
#445ac0 rgb(68,90,192)
```
#3b54c9
```
#3b54c9 rgb(59,84,201)
```
#314ed3
```
#314ed3 rgb(49,78,211)
```
#2748dd
```
#2748dd rgb(39,72,221)
```
#1e42e6
```
#1e42e6 rgb(30,66,230)
```
#143bf0
```
#143bf0 rgb(20,59,240)
```
#0b35f9
```
#0b35f9 rgb(11,53,249)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d536d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#115ac6 Protanomaly 1% of men, 0.01% of women
#115eb6 Deuteranomaly 6% of men, 0.4% of women
#116297 Tritanomaly 0.01% of the population

#314ed3 hex color

#314ed3 Color Information

#314ed3 Color Conversion

Color Schemes with #314ed3

Alternatives to #314ed3

#314ed3 Preview

Shades and Tints of #314ed3

Tones of #314ed3

Color Blindness Simulator