#314242 hex color

In a RGB color space, hex #314242 is composed of 19.2% red, 25.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 0% magenta, 0% yellow and 74.1% black. It has a hue angle of 180 degrees, a saturation of 14.8% and a lightness of 22.5%. #314242 color hex could be obtained by blending #628484 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 26
- B 26
RGB color chart
- C 26
- M 0
- Y 0
- K 74
CMYK color chart

● #314242 color description : Very dark grayish cyan.

The hexadecimal color #314242 has RGB values of R:49, G:66, B:66 and CMYK values of C:0.26, M:0, Y:0, K:0.74. Its decimal value is 3228226.

Hex triplet	314242	`#314242`
RGB Decimal	49, 66, 66	`rgb(49,66,66)`
RGB Percent	19.2, 25.9, 25.9	`rgb(19.2%,25.9%,25.9%)`
CMYK	26, 0, 0, 74
HSL	180°, 14.8, 22.5	`hsl(180,14.8%,22.5%)`
HSV (or HSB)	180°, 25.8, 25.9
Web Safe	333333	`#333333`

CIE-LAB	26.571, -6.753, -2.228
XYZ	4.198, 4.943, 5.887
xyY	0.279, 0.329, 4.943
CIE-LCH	26.571, 7.111, 198.259
CIE-LUV	26.571, -7.917, -1.711
Hunter-Lab	22.232, -5.201, -0.137
Binary	00110001, 01000010, 01000010

#314242
```
#314242 rgb(49,66,66)
```
#423131
```
#423131 rgb(66,49,49)
```

Complementary Color

#31423a
```
#31423a rgb(49,66,58)
```
#314242
```
#314242 rgb(49,66,66)
```
#313a42
```
#313a42 rgb(49,58,66)
```

Analogous Color

#423a31
```
#423a31 rgb(66,58,49)
```
#314242
```
#314242 rgb(49,66,66)
```
#42313a
```
#42313a rgb(66,49,58)
```

Split Complementary Color

#424231
```
#424231 rgb(66,66,49)
```
#314242
```
#314242 rgb(49,66,66)
```
#423142
```
#423142 rgb(66,49,66)
```

Triadic Color

#314231
```
#314231 rgb(49,66,49)
```
#314242
```
#314242 rgb(49,66,66)
```
#423142
```
#423142 rgb(66,49,66)
```
#423131
```
#423131 rgb(66,49,49)
```

Tetradic Color

#101616
```
#101616 rgb(16,22,22)
```
#1b2525
```
#1b2525 rgb(27,37,37)
```
#263333
```
#263333 rgb(38,51,51)
```
#314242
```
#314242 rgb(49,66,66)
```
#3c5151
```
#3c5151 rgb(60,81,81)
```
#475f5f
```
#475f5f rgb(71,95,95)
```
#526e6e
```
#526e6e rgb(82,110,110)
```

Monochromatic Color

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

#31423e
```
#31423e rgb(49,66,62)
```
#31423f
```
#31423f rgb(49,66,63)
```
#314241
```
#314241 rgb(49,66,65)
```
#314242
```
#314242 rgb(49,66,66)
```
#314142
```
#314142 rgb(49,65,66)
```
#313f42
```
#313f42 rgb(49,63,66)
```
#313e42
```
#313e42 rgb(49,62,66)
```

Similar Colors

Text with hexadecimal color #314242

This text has a font color of #314242.

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

#314242 background color

This paragraph has a background color of #314242.

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

#314242 border color

This element has a border color of #314242.

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

CSS codes

.text {color:#314242;}

.background {background-color:#314242;}

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

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, #070a0a is the darkest color, while #fdfefe is the lightest one.

#070a0a
```
#070a0a rgb(7,10,10)
```
#101515
```
#101515 rgb(16,21,21)
```
#182020
```
#182020 rgb(24,32,32)
```
#202b2b
```
#202b2b rgb(32,43,43)
```
#293737
```
#293737 rgb(41,55,55)
```
#314242
```
#314242 rgb(49,66,66)
```
#394d4d
```
#394d4d rgb(57,77,77)
```
#425959
```
#425959 rgb(66,89,89)
```
#4a6464
```
#4a6464 rgb(74,100,100)
```
#526f6f
```
#526f6f rgb(82,111,111)
```
#5b7a7a
```
#5b7a7a rgb(91,122,122)
```
#638686
```
#638686 rgb(99,134,134)
```
#6c9191
```
#6c9191 rgb(108,145,145)
```

Shade Color Variation

#769a9a
```
#769a9a rgb(118,154,154)
```
#82a2a2
```
#82a2a2 rgb(130,162,162)
```
#8daaaa
```
#8daaaa rgb(141,170,170)
```
#98b3b3
```
#98b3b3 rgb(152,179,179)
```
#a3bbbb
```
#a3bbbb rgb(163,187,187)
```
#afc3c3
```
#afc3c3 rgb(175,195,195)
```
#bacccc
```
#bacccc rgb(186,204,204)
```
#c5d4d4
```
#c5d4d4 rgb(197,212,212)
```
#d0dcdc
```
#d0dcdc rgb(208,220,220)
```
#dce5e5
```
#dce5e5 rgb(220,229,229)
```
#e7eded
```
#e7eded rgb(231,237,237)
```
#f2f5f5
```
#f2f5f5 rgb(242,245,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#353e3e
```
#353e3e rgb(53,62,62)
```
#314242
```
#314242 rgb(49,66,66)
```
#2d4646
```
#2d4646 rgb(45,70,70)
```
#284b4b
```
#284b4b rgb(40,75,75)
```
#244f4f
```
#244f4f rgb(36,79,79)
```
#1f5454
```
#1f5454 rgb(31,84,84)
```
#1b5858
```
#1b5858 rgb(27,88,88)
```
#165d5d
```
#165d5d rgb(22,93,93)
```
#126161
```
#126161 rgb(18,97,97)
```
#0e6565
```
#0e6565 rgb(14,101,101)
```
#096a6a
```
#096a6a rgb(9,106,106)
```
#056e6e
```
#056e6e rgb(5,110,110)
```
#007373
```
#007373 rgb(0,115,115)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3e3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#49484a Protanopia 1% of men
#4d464d Deuteranopia 1% of men
#3c4b50 Tritanopia 0.001% of the population

Trichromacy

#404647 Protanomaly 1% of men, 0.01% of women
#434549 Deuteranomaly 6% of men, 0.4% of women
#38474b Tritanomaly 0.01% of the population

#314242 hex color

#314242 Color Information

#314242 Color Conversion

Color Schemes with #314242

Alternatives to #314242

#314242 Preview

Shades and Tints of #314242

Tones of #314242

Color Blindness Simulator