#314357 hex color

In a RGB color space, hex #314357 is composed of 19.2% red, 26.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 23% magenta, 0% yellow and 65.9% black. It has a hue angle of 211.6 degrees, a saturation of 27.9% and a lightness of 26.7%. #314357 color hex could be obtained by blending #6286ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 26
- B 34
RGB color chart
- C 44
- M 23
- Y 0
- K 66
CMYK color chart

● #314357 color description : Very dark desaturated blue.

The hexadecimal color #314357 has RGB values of R:49, G:67, B:87 and CMYK values of C:0.44, M:0.23, Y:0, K:0.66. Its decimal value is 3228503.

Hex triplet	314357	`#314357`
RGB Decimal	49, 67, 87	`rgb(49,67,87)`
RGB Percent	19.2, 26.3, 34.1	`rgb(19.2%,26.3%,34.1%)`
CMYK	44, 23, 0, 66
HSL	211.6°, 27.9, 26.7	`hsl(211.6,27.9%,26.7%)`
HSV (or HSB)	211.6°, 43.7, 34.1
Web Safe	333366	`#333366`

CIE-LAB	27.724, -1.196, -14.204
XYZ	4.994, 5.355, 9.787
xyY	0.248, 0.266, 5.355
CIE-LCH	27.724, 14.254, 265.188
CIE-LUV	27.724, -8.529, -17.326
Hunter-Lab	23.141, -1.979, -8.876
Binary	00110001, 01000011, 01010111

#314357
```
#314357 rgb(49,67,87)
```
#574531
```
#574531 rgb(87,69,49)
```

Complementary Color

#315657
```
#315657 rgb(49,86,87)
```
#314357
```
#314357 rgb(49,67,87)
```
#323157
```
#323157 rgb(50,49,87)
```

Analogous Color

#565731
```
#565731 rgb(86,87,49)
```
#314357
```
#314357 rgb(49,67,87)
```
#573231
```
#573231 rgb(87,50,49)
```

Split Complementary Color

#435731
```
#435731 rgb(67,87,49)
```
#314357
```
#314357 rgb(49,67,87)
```
#573143
```
#573143 rgb(87,49,67)
```

Triadic Color

#315745
```
#315745 rgb(49,87,69)
```
#314357
```
#314357 rgb(49,67,87)
```
#573143
```
#573143 rgb(87,49,67)
```
#574531
```
#574531 rgb(87,69,49)
```

Tetradic Color

#151d26
```
#151d26 rgb(21,29,38)
```
#1f2a36
```
#1f2a36 rgb(31,42,54)
```
#283647
```
#283647 rgb(40,54,71)
```
#314357
```
#314357 rgb(49,67,87)
```
#3a5067
```
#3a5067 rgb(58,80,103)
```
#435c78
```
#435c78 rgb(67,92,120)
```
#4d6988
```
#4d6988 rgb(77,105,136)
```

Monochromatic Color

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

#314d57
```
#314d57 rgb(49,77,87)
```
#314957
```
#314957 rgb(49,73,87)
```
#314657
```
#314657 rgb(49,70,87)
```
#314357
```
#314357 rgb(49,67,87)
```
#314057
```
#314057 rgb(49,64,87)
```
#313d57
```
#313d57 rgb(49,61,87)
```
#313a57
```
#313a57 rgb(49,58,87)
```

Similar Colors

Text with hexadecimal color #314357

This text has a font color of #314357.

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

#314357 background color

This paragraph has a background color of #314357.

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

#314357 border color

This element has a border color of #314357.

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

CSS codes

.text {color:#314357;}

.background {background-color:#314357;}

.border {border:1px solid #314357;}

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, #07090c is the darkest color, while #fefeff is the lightest one.

#07090c
```
#07090c rgb(7,9,12)
```
#0e1318
```
#0e1318 rgb(14,19,24)
```
#151c25
```
#151c25 rgb(21,28,37)
```
#1c2631
```
#1c2631 rgb(28,38,49)
```
#23303e
```
#23303e rgb(35,48,62)
```
#2a394a
```
#2a394a rgb(42,57,74)
```
#314357
```
#314357 rgb(49,67,87)
```
#384d64
```
#384d64 rgb(56,77,100)
```
#3f5670
```
#3f5670 rgb(63,86,112)
```
#46607d
```
#46607d rgb(70,96,125)
```
#4d6a89
```
#4d6a89 rgb(77,106,137)
```
#547396
```
#547396 rgb(84,115,150)
```
#5b7da2
```
#5b7da2 rgb(91,125,162)
```

Shade Color Variation

#6887aa
```
#6887aa rgb(104,135,170)
```
#7491b1
```
#7491b1 rgb(116,145,177)
```
#819bb8
```
#819bb8 rgb(129,155,184)
```
#8da5bf
```
#8da5bf rgb(141,165,191)
```
#9aafc6
```
#9aafc6 rgb(154,175,198)
```
#a6b9cd
```
#a6b9cd rgb(166,185,205)
```
#b3c3d4
```
#b3c3d4 rgb(179,195,212)
```
#bfcddb
```
#bfcddb rgb(191,205,219)
```
#ccd7e2
```
#ccd7e2 rgb(204,215,226)
```
#d9e0e9
```
#d9e0e9 rgb(217,224,233)
```
#e5eaf0
```
#e5eaf0 rgb(229,234,240)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#414447
```
#414447 rgb(65,68,71)
```
#3b444d
```
#3b444d rgb(59,68,77)
```
#364352
```
#364352 rgb(54,67,82)
```
#314357
```
#314357 rgb(49,67,87)
```
#2c435c
```
#2c435c rgb(44,67,92)
```
#274261
```
#274261 rgb(39,66,97)
```
#214267
```
#214267 rgb(33,66,103)
```
#1c426c
```
#1c426c rgb(28,66,108)
```
#174271
```
#174271 rgb(23,66,113)
```
#124176
```
#124176 rgb(18,65,118)
```
#0c417c
```
#0c417c rgb(12,65,124)
```
#074181
```
#074181 rgb(7,65,129)
```
#024186
```
#024186 rgb(2,65,134)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454a5e Protanopia 1% of men
#454a60 Deuteranopia 1% of men
#384e54 Tritanopia 0.001% of the population

Trichromacy

#3e475b Protanomaly 1% of men, 0.01% of women
#3e475d Deuteranomaly 6% of men, 0.4% of women
#354a55 Tritanomaly 0.01% of the population

#314357 hex color

#314357 Color Information

#314357 Color Conversion

Color Schemes with #314357

Alternatives to #314357

#314357 Preview

Shades and Tints of #314357

Tones of #314357

Color Blindness Simulator