#314638 hex color

In a RGB color space, hex #314638 is composed of 19.2% red, 27.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 20% yellow and 72.5% black. It has a hue angle of 140 degrees, a saturation of 17.6% and a lightness of 23.3%. #314638 color hex could be obtained by blending #628c70 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #314638 has RGB values of R:49, G:70, B:56 and CMYK values of C:0.3, M:0, Y:0.2, K:0.73. Its decimal value is 3229240.

Hex triplet	314638	`#314638`
RGB Decimal	49, 70, 56	`rgb(49,70,56)`
RGB Percent	19.2, 27.5, 22	`rgb(19.2%,27.5%,22%)`
CMYK	30, 0, 20, 73
HSL	140°, 17.6, 23.3	`hsl(140,17.6%,23.3%)`
HSV (or HSB)	140°, 30, 27.5
Web Safe	333333	`#333333`

CIE-LAB	27.624, -11.682, 5.82
XYZ	4.17, 5.319, 4.548
xyY	0.297, 0.379, 5.319
CIE-LCH	27.624, 13.051, 153.515
CIE-LUV	27.624, -9.665, 7.952
Hunter-Lab	23.062, -8.08, 4.451
Binary	00110001, 01000110, 00111000

#314638
```
#314638 rgb(49,70,56)
```
#46313f
```
#46313f rgb(70,49,63)
```

Complementary Color

#354631
```
#354631 rgb(53,70,49)
```
#314638
```
#314638 rgb(49,70,56)
```
#314643
```
#314643 rgb(49,70,67)
```

Analogous Color

#463135
```
#463135 rgb(70,49,53)
```
#314638
```
#314638 rgb(49,70,56)
```
#433146
```
#433146 rgb(67,49,70)
```

Split Complementary Color

#463831
```
#463831 rgb(70,56,49)
```
#314638
```
#314638 rgb(49,70,56)
```
#383146
```
#383146 rgb(56,49,70)
```

Triadic Color

#3f4631
```
#3f4631 rgb(63,70,49)
```
#314638
```
#314638 rgb(49,70,56)
```
#383146
```
#383146 rgb(56,49,70)
```
#46313f
```
#46313f rgb(70,49,63)
```

Tetradic Color

#121914
```
#121914 rgb(18,25,20)
```
#1c2820
```
#1c2820 rgb(28,40,32)
```
#27372c
```
#27372c rgb(39,55,44)
```
#314638
```
#314638 rgb(49,70,56)
```
#3c5544
```
#3c5544 rgb(60,85,68)
```
#466450
```
#466450 rgb(70,100,80)
```
#51735c
```
#51735c rgb(81,115,92)
```

Monochromatic Color

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

#314633
```
#314633 rgb(49,70,51)
```
#314635
```
#314635 rgb(49,70,53)
```
#314636
```
#314636 rgb(49,70,54)
```
#314638
```
#314638 rgb(49,70,56)
```
#31463a
```
#31463a rgb(49,70,58)
```
#31463c
```
#31463c rgb(49,70,60)
```
#31463d
```
#31463d rgb(49,70,61)
```

Similar Colors

Text with hexadecimal color #314638

This text has a font color of #314638.

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

#314638 background color

This paragraph has a background color of #314638.

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

#314638 border color

This element has a border color of #314638.

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

CSS codes

.text {color:#314638;}

.background {background-color:#314638;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0a
```
#090c0a rgb(9,12,10)
```
#111813
```
#111813 rgb(17,24,19)
```
#19231c
```
#19231c rgb(25,35,28)
```
#212f26
```
#212f26 rgb(33,47,38)
```
#293a2f
```
#293a2f rgb(41,58,47)
```
#314638
```
#314638 rgb(49,70,56)
```
#395241
```
#395241 rgb(57,82,65)
```
#415d4a
```
#415d4a rgb(65,93,74)
```
#496954
```
#496954 rgb(73,105,84)
```
#51745d
```
#51745d rgb(81,116,93)
```
#598066
```
#598066 rgb(89,128,102)
```
#618b6f
```
#618b6f rgb(97,139,111)
```

Shade Color Variation

#6a9779
```
#6a9779 rgb(106,151,121)
```
#759f83
```
#759f83 rgb(117,159,131)
```
#81a78d
```
#81a78d rgb(129,167,141)
```
#8caf98
```
#8caf98 rgb(140,175,152)
```
#98b7a2
```
#98b7a2 rgb(152,183,162)
```
#a3bfad
```
#a3bfad rgb(163,191,173)
```
#afc7b7
```
#afc7b7 rgb(175,199,183)
```
#bbcfc1
```
#bbcfc1 rgb(187,207,193)
```
#c6d7cc
```
#c6d7cc rgb(198,215,204)
```
#d2dfd6
```
#d2dfd6 rgb(210,223,214)
```
#dde7e1
```
#dde7e1 rgb(221,231,225)
```
#e9efeb
```
#e9efeb rgb(233,239,235)
```
#f4f7f5
```
#f4f7f5 rgb(244,247,245)
```

Tint Color Variation

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

#3a3d3b
```
#3a3d3b rgb(58,61,59)
```
#36413a
```
#36413a rgb(54,65,58)
```
#314638
```
#314638 rgb(49,70,56)
```
#2c4b36
```
#2c4b36 rgb(44,75,54)
```
#284f35
```
#284f35 rgb(40,79,53)
```
#235433
```
#235433 rgb(35,84,51)
```
#1f5832
```
#1f5832 rgb(31,88,50)
```
#1a5d30
```
#1a5d30 rgb(26,93,48)
```
#16612f
```
#16612f rgb(22,97,47)
```
#11662d
```
#11662d rgb(17,102,45)
```
#0c6b2c
```
#0c6b2c rgb(12,107,44)
```
#086f2a
```
#086f2a rgb(8,111,42)
```
#037429
```
#037429 rgb(3,116,41)
```

Tone Color Variation

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

Dichromacy

#4e4a40 Protanopia 1% of men
#544844 Deuteranopia 1% of men
#3f4d52 Tritanopia 0.001% of the population

Trichromacy

#44493d Protanomaly 1% of men, 0.01% of women
#474740 Deuteranomaly 6% of men, 0.4% of women
#3a4a49 Tritanomaly 0.01% of the population

#314638 hex color

#314638 Color Information

#314638 Color Conversion

Color Schemes with #314638

Alternatives to #314638

#314638 Preview

Shades and Tints of #314638

Tones of #314638

Color Blindness Simulator