#314236 hex color

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

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

● #314236 color description : Very dark grayish cyan - lime green.

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

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

CIE-LAB	26.203, -9.741, 5.108
XYZ	3.881, 4.816, 4.215
xyY	0.301, 0.373, 4.816
CIE-LCH	26.203, 10.999, 152.328
CIE-LUV	26.203, -7.822, 6.798
Hunter-Lab	21.945, -6.838, 3.973
Binary	00110001, 01000010, 00110110

#314236
```
#314236 rgb(49,66,54)
```
#42313d
```
#42313d rgb(66,49,61)
```

Complementary Color

#354231
```
#354231 rgb(53,66,49)
```
#314236
```
#314236 rgb(49,66,54)
```
#31423f
```
#31423f rgb(49,66,63)
```

Analogous Color

#423135
```
#423135 rgb(66,49,53)
```
#314236
```
#314236 rgb(49,66,54)
```
#3f3142
```
#3f3142 rgb(63,49,66)
```

Split Complementary Color

#423631
```
#423631 rgb(66,54,49)
```
#314236
```
#314236 rgb(49,66,54)
```
#363142
```
#363142 rgb(54,49,66)
```

Triadic Color

#3d4231
```
#3d4231 rgb(61,66,49)
```
#314236
```
#314236 rgb(49,66,54)
```
#363142
```
#363142 rgb(54,49,66)
```
#42313d
```
#42313d rgb(66,49,61)
```

Tetradic Color

#101612
```
#101612 rgb(16,22,18)
```
#1b251e
```
#1b251e rgb(27,37,30)
```
#26332a
```
#26332a rgb(38,51,42)
```
#314236
```
#314236 rgb(49,66,54)
```
#3c5142
```
#3c5142 rgb(60,81,66)
```
#475f4e
```
#475f4e rgb(71,95,78)
```
#526e5a
```
#526e5a rgb(82,110,90)
```

Monochromatic Color

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

#314232
```
#314232 rgb(49,66,50)
```
#314233
```
#314233 rgb(49,66,51)
```
#314235
```
#314235 rgb(49,66,53)
```
#314236
```
#314236 rgb(49,66,54)
```
#314237
```
#314237 rgb(49,66,55)
```
#314239
```
#314239 rgb(49,66,57)
```
#31423a
```
#31423a rgb(49,66,58)
```

Similar Colors

Text with hexadecimal color #314236

This text has a font color of #314236.

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

#314236 background color

This paragraph has a background color of #314236.

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

#314236 border color

This element has a border color of #314236.

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

CSS codes

.text {color:#314236;}

.background {background-color:#314236;}

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

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

#070a08
```
#070a08 rgb(7,10,8)
```
#101511
```
#101511 rgb(16,21,17)
```
#18201a
```
#18201a rgb(24,32,26)
```
#202b24
```
#202b24 rgb(32,43,36)
```
#29372d
```
#29372d rgb(41,55,45)
```
#314236
```
#314236 rgb(49,66,54)
```
#394d3f
```
#394d3f rgb(57,77,63)
```
#425948
```
#425948 rgb(66,89,72)
```
#4a6452
```
#4a6452 rgb(74,100,82)
```
#526f5b
```
#526f5b rgb(82,111,91)
```
#5b7a64
```
#5b7a64 rgb(91,122,100)
```
#63866d
```
#63866d rgb(99,134,109)
```
#6c9176
```
#6c9176 rgb(108,145,118)
```

Shade Color Variation

#769a81
```
#769a81 rgb(118,154,129)
```
#82a28b
```
#82a28b rgb(130,162,139)
```
#8daa96
```
#8daa96 rgb(141,170,150)
```
#98b3a0
```
#98b3a0 rgb(152,179,160)
```
#a3bbaa
```
#a3bbaa rgb(163,187,170)
```
#afc3b5
```
#afc3b5 rgb(175,195,181)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#c5d4ca
```
#c5d4ca rgb(197,212,202)
```
#d0dcd4
```
#d0dcd4 rgb(208,220,212)
```
#dce5de
```
#dce5de rgb(220,229,222)
```
#e7ede9
```
#e7ede9 rgb(231,237,233)
```
#f2f5f3
```
#f2f5f3 rgb(242,245,243)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#353e38
```
#353e38 rgb(53,62,56)
```
#314236
```
#314236 rgb(49,66,54)
```
#2d4634
```
#2d4634 rgb(45,70,52)
```
#284b32
```
#284b32 rgb(40,75,50)
```
#244f31
```
#244f31 rgb(36,79,49)
```
#1f542f
```
#1f542f rgb(31,84,47)
```
#1b582d
```
#1b582d rgb(27,88,45)
```
#165d2b
```
#165d2b rgb(22,93,43)
```
#126129
```
#126129 rgb(18,97,41)
```
#0e6527
```
#0e6527 rgb(14,101,39)
```
#096a26
```
#096a26 rgb(9,106,38)
```
#056e24
```
#056e24 rgb(5,110,36)
```
#007322
```
#007322 rgb(0,115,34)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3d3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b473e Protanopia 1% of men
#504542 Deuteranopia 1% of men
#3e494f Tritanopia 0.001% of the population

Trichromacy

#41453b Protanomaly 1% of men, 0.01% of women
#45443d Deuteranomaly 6% of men, 0.4% of women
#394645 Tritanomaly 0.01% of the population

#314236 hex color

#314236 Color Information

#314236 Color Conversion

Color Schemes with #314236

Alternatives to #314236

#314236 Preview

Shades and Tints of #314236

Tones of #314236

Color Blindness Simulator