#314158 hex color

In a RGB color space, hex #314158 is composed of 19.2% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 26.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 215.4 degrees, a saturation of 28.5% and a lightness of 26.9%. #314158 color hex could be obtained by blending #6282b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 25
- B 35
RGB color chart
- C 44
- M 26
- Y 0
- K 65
CMYK color chart

● #314158 color description : Very dark desaturated blue.

The hexadecimal color #314158 has RGB values of R:49, G:65, B:88 and CMYK values of C:0.44, M:0.26, Y:0, K:0.65. Its decimal value is 3227992.

Hex triplet	314158	`#314158`
RGB Decimal	49, 65, 88	`rgb(49,65,88)`
RGB Percent	19.2, 25.5, 34.5	`rgb(19.2%,25.5%,34.5%)`
CMYK	44, 26, 0, 65
HSL	215.4°, 28.5, 26.9	`hsl(215.4,28.5%,26.9%)`
HSV (or HSB)	215.4°, 44.3, 34.5
Web Safe	333366	`#333366`

CIE-LAB	27.124, 0.437, -15.777
XYZ	4.918, 5.138, 9.965
xyY	0.246, 0.257, 5.138
CIE-LCH	27.124, 15.783, 271.586
CIE-LUV	27.124, -7.761, -19.403
Hunter-Lab	22.667, -0.939, -10.197
Binary	00110001, 01000001, 01011000

#314158
```
#314158 rgb(49,65,88)
```
#584831
```
#584831 rgb(88,72,49)
```

Complementary Color

#315558
```
#315558 rgb(49,85,88)
```
#314158
```
#314158 rgb(49,65,88)
```
#353158
```
#353158 rgb(53,49,88)
```

Analogous Color

#555831
```
#555831 rgb(85,88,49)
```
#314158
```
#314158 rgb(49,65,88)
```
#583531
```
#583531 rgb(88,53,49)
```

Split Complementary Color

#415831
```
#415831 rgb(65,88,49)
```
#314158
```
#314158 rgb(49,65,88)
```
#583141
```
#583141 rgb(88,49,65)
```

Triadic Color

#315848
```
#315848 rgb(49,88,72)
```
#314158
```
#314158 rgb(49,65,88)
```
#583141
```
#583141 rgb(88,49,65)
```
#584831
```
#584831 rgb(88,72,49)
```

Tetradic Color

#161d27
```
#161d27 rgb(22,29,39)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#283548
```
#283548 rgb(40,53,72)
```
#314158
```
#314158 rgb(49,65,88)
```
#3a4d68
```
#3a4d68 rgb(58,77,104)
```
#435979
```
#435979 rgb(67,89,121)
```
#4c6589
```
#4c6589 rgb(76,101,137)
```

Monochromatic Color

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

#314b58
```
#314b58 rgb(49,75,88)
```
#314858
```
#314858 rgb(49,72,88)
```
#314458
```
#314458 rgb(49,68,88)
```
#314158
```
#314158 rgb(49,65,88)
```
#313e58
```
#313e58 rgb(49,62,88)
```
#313b58
```
#313b58 rgb(49,59,88)
```
#313758
```
#313758 rgb(49,55,88)
```

Similar Colors

Text with hexadecimal color #314158

This text has a font color of #314158.

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

#314158 background color

This paragraph has a background color of #314158.

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

#314158 border color

This element has a border color of #314158.

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

CSS codes

.text {color:#314158;}

.background {background-color:#314158;}

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

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 #ffffff is the lightest one.

#07090c
```
#07090c rgb(7,9,12)
```
#0e1219
```
#0e1219 rgb(14,18,25)
```
#151c26
```
#151c26 rgb(21,28,38)
```
#1c2532
```
#1c2532 rgb(28,37,50)
```
#232e3f
```
#232e3f rgb(35,46,63)
```
#2a384b
```
#2a384b rgb(42,56,75)
```
#314158
```
#314158 rgb(49,65,88)
```
#384a65
```
#384a65 rgb(56,74,101)
```
#3f5471
```
#3f5471 rgb(63,84,113)
```
#465d7e
```
#465d7e rgb(70,93,126)
```
#4d668a
```
#4d668a rgb(77,102,138)
```
#547097
```
#547097 rgb(84,112,151)
```
#5b79a4
```
#5b79a4 rgb(91,121,164)
```

Shade Color Variation

#6883ab
```
#6883ab rgb(104,131,171)
```
#748db2
```
#748db2 rgb(116,141,178)
```
#8198b9
```
#8198b9 rgb(129,152,185)
```
#8da2c0
```
#8da2c0 rgb(141,162,192)
```
#9aacc7
```
#9aacc7 rgb(154,172,199)
```
#a7b7ce
```
#a7b7ce rgb(167,183,206)
```
#b3c1d5
```
#b3c1d5 rgb(179,193,213)
```
#c0cbdc
```
#c0cbdc rgb(192,203,220)
```
#ccd6e3
```
#ccd6e3 rgb(204,214,227)
```
#d9e0ea
```
#d9e0ea rgb(217,224,234)
```
#e6eaf1
```
#e6eaf1 rgb(230,234,241)
```
#f2f5f8
```
#f2f5f8 rgb(242,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#414448
```
#414448 rgb(65,68,72)
```
#3c434d
```
#3c434d rgb(60,67,77)
```
#364253
```
#364253 rgb(54,66,83)
```
#314158
```
#314158 rgb(49,65,88)
```
#2c405d
```
#2c405d rgb(44,64,93)
```
#263f63
```
#263f63 rgb(38,63,99)
```
#213e68
```
#213e68 rgb(33,62,104)
```
#1c3d6d
```
#1c3d6d rgb(28,61,109)
```
#173c72
```
#173c72 rgb(23,60,114)
```
#113b78
```
#113b78 rgb(17,59,120)
```
#0c3a7d
```
#0c3a7d rgb(12,58,125)
```
#073982
```
#073982 rgb(7,57,130)
```
#023887
```
#023887 rgb(2,56,135)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3f44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43495f Protanopia 1% of men
#424961 Deuteranopia 1% of men
#374d53 Tritanopia 0.001% of the population

Trichromacy

#3c465c Protanomaly 1% of men, 0.01% of women
#3c465d Deuteranomaly 6% of men, 0.4% of women
#344854 Tritanomaly 0.01% of the population

#314158 hex color

#314158 Color Information

#314158 Color Conversion

Color Schemes with #314158

Alternatives to #314158

#314158 Preview

Shades and Tints of #314158

Tones of #314158

Color Blindness Simulator