#314bde hex color

In a RGB color space, hex #314bde is composed of 19.2% red, 29.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 66.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 231 degrees, a saturation of 72.4% and a lightness of 53.1%. #314bde color hex could be obtained by blending #6296ff with #0000bd. Closest websafe color is: #3333cc.

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

● #314bde color description : Bright blue.

The hexadecimal color #314bde has RGB values of R:49, G:75, B:222 and CMYK values of C:0.78, M:0.66, Y:0, K:0.13. Its decimal value is 3230686.

Hex triplet	314bde	`#314bde`
RGB Decimal	49, 75, 222	`rgb(49,75,222)`
RGB Percent	19.2, 29.4, 87.1	`rgb(19.2%,29.4%,87.1%)`
CMYK	78, 66, 0, 13
HSL	231°, 72.4, 53.1	`hsl(231,72.4%,53.1%)`
HSV (or HSB)	231°, 77.9, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.509, 42.254, -77.174
XYZ	16.965, 10.958, 70.324
xyY	0.173, 0.112, 10.958
CIE-LCH	39.509, 87.984, 298.701
CIE-LUV	39.509, -12.771, -111.43
Hunter-Lab	33.103, 33.55, -102.785
Binary	00110001, 01001011, 11011110

#314bde
```
#314bde rgb(49,75,222)
```
#dec431
```
#dec431 rgb(222,196,49)
```

Complementary Color

#31a2de
```
#31a2de rgb(49,162,222)
```
#314bde
```
#314bde rgb(49,75,222)
```
#6e31de
```
#6e31de rgb(110,49,222)
```

Analogous Color

#a2de31
```
#a2de31 rgb(162,222,49)
```
#314bde
```
#314bde rgb(49,75,222)
```
#de6e31
```
#de6e31 rgb(222,110,49)
```

Split Complementary Color

#4bde31
```
#4bde31 rgb(75,222,49)
```
#314bde
```
#314bde rgb(49,75,222)
```
#de314b
```
#de314b rgb(222,49,75)
```

Triadic Color

#31dec4
```
#31dec4 rgb(49,222,196)
```
#314bde
```
#314bde rgb(49,75,222)
```
#de314b
```
#de314b rgb(222,49,75)
```
#dec431
```
#dec431 rgb(222,196,49)
```

Tetradic Color

#1b30a8
```
#1b30a8 rgb(27,48,168)
```
#1e36be
```
#1e36be rgb(30,54,190)
```
#223dd4
```
#223dd4 rgb(34,61,212)
```
#314bde
```
#314bde rgb(49,75,222)
```
#475ee2
```
#475ee2 rgb(71,94,226)
```
#5d71e5
```
#5d71e5 rgb(93,113,229)
```
#7385e9
```
#7385e9 rgb(115,133,233)
```

Monochromatic Color

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

#3176de
```
#3176de rgb(49,118,222)
```
#3168de
```
#3168de rgb(49,104,222)
```
#3159de
```
#3159de rgb(49,89,222)
```
#314bde
```
#314bde rgb(49,75,222)
```
#313dde
```
#313dde rgb(49,61,222)
```
#3431de
```
#3431de rgb(52,49,222)
```
#4231de
```
#4231de rgb(66,49,222)
```

Similar Colors

Text with hexadecimal color #314bde

This text has a font color of #314bde.

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

#314bde background color

This paragraph has a background color of #314bde.

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

#314bde border color

This element has a border color of #314bde.

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

CSS codes

.text {color:#314bde;}

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

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

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

#02040e
```
#02040e rgb(2,4,14)
```
#05091f
```
#05091f rgb(5,9,31)
```
#080e30
```
#080e30 rgb(8,14,48)
```
#0a1241
```
#0a1241 rgb(10,18,65)
```
#0d1751
```
#0d1751 rgb(13,23,81)
```
#101c62
```
#101c62 rgb(16,28,98)
```
#122173
```
#122173 rgb(18,33,115)
```
#152684
```
#152684 rgb(21,38,132)
```
#182b95
```
#182b95 rgb(24,43,149)
```
#1b30a6
```
#1b30a6 rgb(27,48,166)
```
#1d34b7
```
#1d34b7 rgb(29,52,183)
```
#2039c8
```
#2039c8 rgb(32,57,200)
```
#233ed9
```
#233ed9 rgb(35,62,217)
```

Shade Color Variation

#314bde
```
#314bde rgb(49,75,222)
```
#425ae1
```
#425ae1 rgb(66,90,225)
```
#5369e3
```
#5369e3 rgb(83,105,227)
```
#6477e6
```
#6477e6 rgb(100,119,230)
```
#7586e9
```
#7586e9 rgb(117,134,233)
```
#8695ec
```
#8695ec rgb(134,149,236)
```
#96a4ee
```
#96a4ee rgb(150,164,238)
```
#a7b2f1
```
#a7b2f1 rgb(167,178,241)
```
#b8c1f4
```
#b8c1f4 rgb(184,193,244)
```
#c9d0f6
```
#c9d0f6 rgb(201,208,246)
```
#dadff9
```
#dadff9 rgb(218,223,249)
```
#ebeefc
```
#ebeefc rgb(235,238,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#84858b
```
#84858b rgb(132,133,139)
```
#7b7e94
```
#7b7e94 rgb(123,126,148)
```
#71789e
```
#71789e rgb(113,120,158)
```
#6872a7
```
#6872a7 rgb(104,114,167)
```
#5f6bb0
```
#5f6bb0 rgb(95,107,176)
```
#5665b9
```
#5665b9 rgb(86,101,185)
```
#4d5ec2
```
#4d5ec2 rgb(77,94,194)
```
#4358cc
```
#4358cc rgb(67,88,204)
```
#3a51d5
```
#3a51d5 rgb(58,81,213)
```
#314bde
```
#314bde rgb(49,75,222)
```
#2845e7
```
#2845e7 rgb(40,69,231)
```
#1f3ef0
```
#1f3ef0 rgb(31,62,240)
```
#1538fa
```
#1538fa rgb(21,56,250)
```

Tone Color Variation

Below, you can see how #314bde 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
#4d5270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#1159ca Protanomaly 1% of men, 0.01% of women
#115dba Deuteranomaly 6% of men, 0.4% of women
#11629b Tritanomaly 0.01% of the population

#314bde hex color

#314bde Color Information

#314bde Color Conversion

Color Schemes with #314bde

Alternatives to #314bde

#314bde Preview

Shades and Tints of #314bde

Tones of #314bde

Color Blindness Simulator