#314544 hex color

In a RGB color space, hex #314544 is composed of 19.2% red, 27.1% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 0% magenta, 1.4% yellow and 72.9% black. It has a hue angle of 177 degrees, a saturation of 16.9% and a lightness of 23.1%. #314544 color hex could be obtained by blending #628a88 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 27
- B 27
RGB color chart
- C 29
- M 0
- Y 1
- K 73
CMYK color chart

● #314544 color description : Very dark grayish cyan.

The hexadecimal color #314544 has RGB values of R:49, G:69, B:68 and CMYK values of C:0.29, M:0, Y:0.01, K:0.73. Its decimal value is 3228996.

Hex triplet	314544	`#314544`
RGB Decimal	49, 69, 68	`rgb(49,69,68)`
RGB Percent	19.2, 27.1, 26.7	`rgb(19.2%,27.1%,26.7%)`
CMYK	29, 0, 1, 73
HSL	177°, 16.9, 23.1	`hsl(177,16.9%,23.1%)`
HSV (or HSB)	177°, 29, 27.1
Web Safe	333333	`#333333`

CIE-LAB	27.645, -8.08, -1.952
XYZ	4.438, 5.326, 6.263
xyY	0.277, 0.332, 5.326
CIE-LCH	27.645, 8.313, 193.584
CIE-LUV	27.645, -9.236, -1.249
Hunter-Lab	23.079, -6.064, 0.066
Binary	00110001, 01000101, 01000100

#314544
```
#314544 rgb(49,69,68)
```
#453132
```
#453132 rgb(69,49,50)
```

Complementary Color

#31453a
```
#31453a rgb(49,69,58)
```
#314544
```
#314544 rgb(49,69,68)
```
#313c45
```
#313c45 rgb(49,60,69)
```

Analogous Color

#453a31
```
#453a31 rgb(69,58,49)
```
#314544
```
#314544 rgb(49,69,68)
```
#45313c
```
#45313c rgb(69,49,60)
```

Split Complementary Color

#454431
```
#454431 rgb(69,68,49)
```
#314544
```
#314544 rgb(49,69,68)
```
#443145
```
#443145 rgb(68,49,69)
```

Triadic Color

#324531
```
#324531 rgb(50,69,49)
```
#314544
```
#314544 rgb(49,69,68)
```
#443145
```
#443145 rgb(68,49,69)
```
#453132
```
#453132 rgb(69,49,50)
```

Tetradic Color

#111818
```
#111818 rgb(17,24,24)
```
#1c2727
```
#1c2727 rgb(28,39,39)
```
#263635
```
#263635 rgb(38,54,53)
```
#314544
```
#314544 rgb(49,69,68)
```
#3c5453
```
#3c5453 rgb(60,84,83)
```
#466361
```
#466361 rgb(70,99,97)
```
#517270
```
#517270 rgb(81,114,112)
```

Monochromatic Color

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

#31453f
```
#31453f rgb(49,69,63)
```
#314541
```
#314541 rgb(49,69,65)
```
#314542
```
#314542 rgb(49,69,66)
```
#314544
```
#314544 rgb(49,69,68)
```
#314445
```
#314445 rgb(49,68,69)
```
#314345
```
#314345 rgb(49,67,69)
```
#314145
```
#314145 rgb(49,65,69)
```

Similar Colors

Text with hexadecimal color #314544

This text has a font color of #314544.

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

#314544 background color

This paragraph has a background color of #314544.

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

#314544 border color

This element has a border color of #314544.

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

CSS codes

.text {color:#314544;}

.background {background-color:#314544;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c0b
```
#080c0b rgb(8,12,11)
```
#101717
```
#101717 rgb(16,23,23)
```
#192322
```
#192322 rgb(25,35,34)
```
#212e2d
```
#212e2d rgb(33,46,45)
```
#293a39
```
#293a39 rgb(41,58,57)
```
#314544
```
#314544 rgb(49,69,68)
```
#39504f
```
#39504f rgb(57,80,79)
```
#415c5b
```
#415c5b rgb(65,92,91)
```
#496766
```
#496766 rgb(73,103,102)
```
#527371
```
#527371 rgb(82,115,113)
```
#5a7e7d
```
#5a7e7d rgb(90,126,125)
```
#628a88
```
#628a88 rgb(98,138,136)
```

Shade Color Variation

#6a9593
```
#6a9593 rgb(106,149,147)
```
#769d9b
```
#769d9b rgb(118,157,155)
```
#81a6a4
```
#81a6a4 rgb(129,166,164)
```
#8caeac
```
#8caeac rgb(140,174,172)
```
#98b6b4
```
#98b6b4 rgb(152,182,180)
```
#a3bebd
```
#a3bebd rgb(163,190,189)
```
#afc6c5
```
#afc6c5 rgb(175,198,197)
```
#bacecd
```
#bacecd rgb(186,206,205)
```
#c6d6d6
```
#c6d6d6 rgb(198,214,214)
```
#d1dfde
```
#d1dfde rgb(209,223,222)
```
#dde7e6
```
#dde7e6 rgb(221,231,230)
```
#e8efef
```
#e8efef rgb(232,239,239)
```
#f4f7f7
```
#f4f7f7 rgb(244,247,247)
```

Tint Color Variation

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

#3a3c3c
```
#3a3c3c rgb(58,60,60)
```
#364040
```
#364040 rgb(54,64,64)
```
#314544
```
#314544 rgb(49,69,68)
```
#2c4a48
```
#2c4a48 rgb(44,74,72)
```
#284e4c
```
#284e4c rgb(40,78,76)
```
#235350
```
#235350 rgb(35,83,80)
```
#1f5754
```
#1f5754 rgb(31,87,84)
```
#1a5c58
```
#1a5c58 rgb(26,92,88)
```
#16605d
```
#16605d rgb(22,96,93)
```
#116561
```
#116561 rgb(17,101,97)
```
#0d6965
```
#0d6965 rgb(13,105,101)
```
#086e69
```
#086e69 rgb(8,110,105)
```
#04726d
```
#04726d rgb(4,114,109)
```

Tone Color Variation

Below, you can see how #314544 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
#3c4040 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4a4b Protanopia 1% of men
#4f494f Deuteranopia 1% of men
#3d4d53 Tritanopia 0.001% of the population

Trichromacy

#424848 Protanomaly 1% of men, 0.01% of women
#44474b Deuteranomaly 6% of men, 0.4% of women
#384a4d Tritanomaly 0.01% of the population

#314544 hex color

#314544 Color Information

#314544 Color Conversion

Color Schemes with #314544

Alternatives to #314544

#314544 Preview

Shades and Tints of #314544

Tones of #314544

Color Blindness Simulator