#314153 hex color

In a RGB color space, hex #314153 is composed of 19.2% red, 25.5% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 21.7% magenta, 0% yellow and 67.5% black. It has a hue angle of 211.8 degrees, a saturation of 25.8% and a lightness of 25.9%. #314153 color hex could be obtained by blending #6282a6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 25
- B 33
RGB color chart
- C 41
- M 22
- Y 0
- K 67
CMYK color chart

● #314153 color description : Very dark desaturated blue.

The hexadecimal color #314153 has RGB values of R:49, G:65, B:83 and CMYK values of C:0.41, M:0.22, Y:0, K:0.67. Its decimal value is 3227987.

Hex triplet	314153	`#314153`
RGB Decimal	49, 65, 83	`rgb(49,65,83)`
RGB Percent	19.2, 25.5, 32.5	`rgb(19.2%,25.5%,32.5%)`
CMYK	41, 22, 0, 67
HSL	211.8°, 25.8, 25.9	`hsl(211.8,25.8%,25.9%)`
HSV (or HSB)	211.8°, 41, 32.5
Web Safe	333366	`#333366`

CIE-LAB	26.899, -1.155, -12.869
XYZ	4.718, 5.058, 8.911
xyY	0.252, 0.271, 5.058
CIE-LCH	26.899, 12.92, 264.873
CIE-LUV	26.899, -7.691, -15.445
Hunter-Lab	22.49, -1.912, -7.749
Binary	00110001, 01000001, 01010011

#314153
```
#314153 rgb(49,65,83)
```
#534331
```
#534331 rgb(83,67,49)
```

Complementary Color

#315253
```
#315253 rgb(49,82,83)
```
#314153
```
#314153 rgb(49,65,83)
```
#323153
```
#323153 rgb(50,49,83)
```

Analogous Color

#525331
```
#525331 rgb(82,83,49)
```
#314153
```
#314153 rgb(49,65,83)
```
#533231
```
#533231 rgb(83,50,49)
```

Split Complementary Color

#415331
```
#415331 rgb(65,83,49)
```
#314153
```
#314153 rgb(49,65,83)
```
#533141
```
#533141 rgb(83,49,65)
```

Triadic Color

#315343
```
#315343 rgb(49,83,67)
```
#314153
```
#314153 rgb(49,65,83)
```
#533141
```
#533141 rgb(83,49,65)
```
#534331
```
#534331 rgb(83,67,49)
```

Tetradic Color

#151b23
```
#151b23 rgb(21,27,35)
```
#1e2833
```
#1e2833 rgb(30,40,51)
```
#283443
```
#283443 rgb(40,52,67)
```
#314153
```
#314153 rgb(49,65,83)
```
#3a4e63
```
#3a4e63 rgb(58,78,99)
```
#445a73
```
#445a73 rgb(68,90,115)
```
#4d6783
```
#4d6783 rgb(77,103,131)
```

Monochromatic Color

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

#314a53
```
#314a53 rgb(49,74,83)
```
#314753
```
#314753 rgb(49,71,83)
```
#314453
```
#314453 rgb(49,68,83)
```
#314153
```
#314153 rgb(49,65,83)
```
#313e53
```
#313e53 rgb(49,62,83)
```
#313b53
```
#313b53 rgb(49,59,83)
```
#313953
```
#313953 rgb(49,57,83)
```

Similar Colors

Text with hexadecimal color #314153

This text has a font color of #314153.

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

#314153 background color

This paragraph has a background color of #314153.

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

#314153 border color

This element has a border color of #314153.

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

CSS codes

.text {color:#314153;}

.background {background-color:#314153;}

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

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

#050709
```
#050709 rgb(5,7,9)
```
#0d1115
```
#0d1115 rgb(13,17,21)
```
#141a22
```
#141a22 rgb(20,26,34)
```
#1b242e
```
#1b242e rgb(27,36,46)
```
#222e3a
```
#222e3a rgb(34,46,58)
```
#2a3747
```
#2a3747 rgb(42,55,71)
```
#314153
```
#314153 rgb(49,65,83)
```
#384b5f
```
#384b5f rgb(56,75,95)
```
#40546c
```
#40546c rgb(64,84,108)
```
#475e78
```
#475e78 rgb(71,94,120)
```
#4e6884
```
#4e6884 rgb(78,104,132)
```
#557191
```
#557191 rgb(85,113,145)
```
#5d7b9d
```
#5d7b9d rgb(93,123,157)
```

Shade Color Variation

#6885a6
```
#6885a6 rgb(104,133,166)
```
#748fad
```
#748fad rgb(116,143,173)
```
#8099b4
```
#8099b4 rgb(128,153,180)
```
#8da3bb
```
#8da3bb rgb(141,163,187)
```
#99adc3
```
#99adc3 rgb(153,173,195)
```
#a5b7ca
```
#a5b7ca rgb(165,183,202)
```
#b2c1d1
```
#b2c1d1 rgb(178,193,209)
```
#becbd9
```
#becbd9 rgb(190,203,217)
```
#cad4e0
```
#cad4e0 rgb(202,212,224)
```
#d7dee7
```
#d7dee7 rgb(215,222,231)
```
#e3e8ee
```
#e3e8ee rgb(227,232,238)
```
#eff2f6
```
#eff2f6 rgb(239,242,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#404244
```
#404244 rgb(64,66,68)
```
#3b4249
```
#3b4249 rgb(59,66,73)
```
#36414e
```
#36414e rgb(54,65,78)
```
#314153
```
#314153 rgb(49,65,83)
```
#2c4158
```
#2c4158 rgb(44,65,88)
```
#27405d
```
#27405d rgb(39,64,93)
```
#224062
```
#224062 rgb(34,64,98)
```
#1d4067
```
#1d4067 rgb(29,64,103)
```
#18406c
```
#18406c rgb(24,64,108)
```
#133f71
```
#133f71 rgb(19,63,113)
```
#0d3f77
```
#0d3f77 rgb(13,63,119)
```
#083f7c
```
#083f7c rgb(8,63,124)
```
#033e81
```
#033e81 rgb(3,62,129)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#44485a Protanopia 1% of men
#45485c Deuteranopia 1% of men
#384c52 Tritanopia 0.001% of the population

Trichromacy

#3d4557 Protanomaly 1% of men, 0.01% of women
#3d4559 Deuteranomaly 6% of men, 0.4% of women
#354852 Tritanomaly 0.01% of the population

#314153 hex color

#314153 Color Information

#314153 Color Conversion

Color Schemes with #314153

Alternatives to #314153

#314153 Preview

Shades and Tints of #314153

Tones of #314153

Color Blindness Simulator