#314ce9 hex color

In a RGB color space, hex #314ce9 is composed of 19.2% red, 29.8% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 67.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 231.2 degrees, a saturation of 80.7% and a lightness of 55.3%. #314ce9 color hex could be obtained by blending #6298ff with #0000d3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 30
- B 91
RGB color chart
- C 79
- M 67
- Y 0
- K 9
CMYK color chart

● #314ce9 color description : Bright blue.

The hexadecimal color #314ce9 has RGB values of R:49, G:76, B:233 and CMYK values of C:0.79, M:0.67, Y:0, K:0.09. Its decimal value is 3230953.

Hex triplet	314ce9	`#314ce9`
RGB Decimal	49, 76, 233	`rgb(49,76,233)`
RGB Percent	19.2, 29.8, 91.4	`rgb(19.2%,29.8%,91.4%)`
CMYK	79, 67, 0, 9
HSL	231.2°, 80.7, 55.3	`hsl(231.2,80.7%,55.3%)`
HSV (or HSB)	231.2°, 79, 91.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.741, 45.484, -81.405
XYZ	18.556, 11.704, 78.367
xyY	0.171, 0.108, 11.704
CIE-LCH	40.741, 93.25, 299.194
CIE-LUV	40.741, -13.193, -118.07
Hunter-Lab	34.211, 36.95, -111.87
Binary	00110001, 01001100, 11101001

#314ce9
```
#314ce9 rgb(49,76,233)
```
#e9ce31
```
#e9ce31 rgb(233,206,49)
```

Complementary Color

#31a8e9
```
#31a8e9 rgb(49,168,233)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#7231e9
```
#7231e9 rgb(114,49,233)
```

Analogous Color

#a8e931
```
#a8e931 rgb(168,233,49)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#e97231
```
#e97231 rgb(233,114,49)
```

Split Complementary Color

#4ce931
```
#4ce931 rgb(76,233,49)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#e9314c
```
#e9314c rgb(233,49,76)
```

Triadic Color

#31e9ce
```
#31e9ce rgb(49,233,206)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#e9314c
```
#e9314c rgb(233,49,76)
```
#e9ce31
```
#e9ce31 rgb(233,206,49)
```

Tetradic Color

#142cba
```
#142cba rgb(20,44,186)
```
#1632d1
```
#1632d1 rgb(22,50,209)
```
#1a38e7
```
#1a38e7 rgb(26,56,231)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#4860eb
```
#4860eb rgb(72,96,235)
```
#5f74ee
```
#5f74ee rgb(95,116,238)
```
#7688f0
```
#7688f0 rgb(118,136,240)
```

Monochromatic Color

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

#317ae9
```
#317ae9 rgb(49,122,233)
```
#316be9
```
#316be9 rgb(49,107,233)
```
#315be9
```
#315be9 rgb(49,91,233)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#313de9
```
#313de9 rgb(49,61,233)
```
#3531e9
```
#3531e9 rgb(53,49,233)
```
#4431e9
```
#4431e9 rgb(68,49,233)
```

Similar Colors

Text with hexadecimal color #314ce9

This text has a font color of #314ce9.

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

#314ce9 background color

This paragraph has a background color of #314ce9.

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

#314ce9 border color

This element has a border color of #314ce9.

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

CSS codes

.text {color:#314ce9;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030618
```
#030618 rgb(3,6,24)
```
#040a2a
```
#040a2a rgb(4,10,42)
```
#060e3c
```
#060e3c rgb(6,14,60)
```
#08124e
```
#08124e rgb(8,18,78)
```
#0a175f
```
#0a175f rgb(10,23,95)
```
#0c1b71
```
#0c1b71 rgb(12,27,113)
```
#0e1f83
```
#0e1f83 rgb(14,31,131)
```
#102394
```
#102394 rgb(16,35,148)
```
#1228a6
```
#1228a6 rgb(18,40,166)
```
#142cb8
```
#142cb8 rgb(20,44,184)
```
#1630ca
```
#1630ca rgb(22,48,202)
```
#1734db
```
#1734db rgb(23,52,219)
```

Shade Color Variation

#1f3de7
```
#1f3de7 rgb(31,61,231)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#435beb
```
#435beb rgb(67,91,235)
```
#546bed
```
#546bed rgb(84,107,237)
```
#667aef
```
#667aef rgb(102,122,239)
```
#788af1
```
#788af1 rgb(120,138,241)
```
#8a99f2
```
#8a99f2 rgb(138,153,242)
```
#9ba8f4
```
#9ba8f4 rgb(155,168,244)
```
#adb8f6
```
#adb8f6 rgb(173,184,246)
```
#bfc7f8
```
#bfc7f8 rgb(191,199,248)
```
#d1d7fa
```
#d1d7fa rgb(209,215,250)
```
#e2e6fc
```
#e2e6fc rgb(226,230,252)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a91 is the less saturated color, while #1f40fb is the most saturated one.

#898a91
```
#898a91 rgb(137,138,145)
```
#80849a
```
#80849a rgb(128,132,154)
```
#777ea3
```
#777ea3 rgb(119,126,163)
```
#6e77ac
```
#6e77ac rgb(110,119,172)
```
#6671b4
```
#6671b4 rgb(102,113,180)
```
#5d6bbd
```
#5d6bbd rgb(93,107,189)
```
#5465c6
```
#5465c6 rgb(84,101,198)
```
#4b5fcf
```
#4b5fcf rgb(75,95,207)
```
#4358d7
```
#4358d7 rgb(67,88,215)
```
#3a52e0
```
#3a52e0 rgb(58,82,224)
```
#314ce9
```
#314ce9 rgb(49,76,233)
```
#2846f2
```
#2846f2 rgb(40,70,242)
```
#1f40fb
```
#1f40fb rgb(31,64,251)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#115cd2 Protanomaly 1% of men, 0.01% of women
#115fc1 Deuteranomaly 6% of men, 0.4% of women
#1164a1 Tritanomaly 0.01% of the population

#314ce9 hex color

#314ce9 Color Information

#314ce9 Color Conversion

Color Schemes with #314ce9

Alternatives to #314ce9

#314ce9 Preview

Shades and Tints of #314ce9

Tones of #314ce9

Color Blindness Simulator