#314138 hex color

In a RGB color space, hex #314138 is composed of 19.2% red, 25.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 13.8% yellow and 74.5% black. It has a hue angle of 146.3 degrees, a saturation of 14% and a lightness of 22.4%. #314138 color hex could be obtained by blending #628270 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #314138 has RGB values of R:49, G:65, B:56 and CMYK values of C:0.25, M:0, Y:0.14, K:0.75. Its decimal value is 3227960.

Hex triplet	314138	`#314138`
RGB Decimal	49, 65, 56	`rgb(49,65,56)`
RGB Percent	19.2, 25.5, 22	`rgb(19.2%,25.5%,22%)`
CMYK	25, 0, 14, 75
HSL	146.3°, 14, 22.4	`hsl(146.3,14%,22.4%)`
HSV (or HSB)	146.3°, 24.6, 25.5
Web Safe	333333	`#333333`

CIE-LAB	25.919, -8.663, 3.392
XYZ	3.871, 4.719, 4.448
xyY	0.297, 0.362, 4.719
CIE-LCH	25.919, 9.303, 158.615
CIE-LUV	25.919, -7.381, 4.815
Hunter-Lab	21.723, -6.211, 3.066
Binary	00110001, 01000001, 00111000

#314138
```
#314138 rgb(49,65,56)
```
#41313a
```
#41313a rgb(65,49,58)
```

Complementary Color

#324131
```
#324131 rgb(50,65,49)
```
#314138
```
#314138 rgb(49,65,56)
```
#314140
```
#314140 rgb(49,65,64)
```

Analogous Color

#413132
```
#413132 rgb(65,49,50)
```
#314138
```
#314138 rgb(49,65,56)
```
#403141
```
#403141 rgb(64,49,65)
```

Split Complementary Color

#413831
```
#413831 rgb(65,56,49)
```
#314138
```
#314138 rgb(49,65,56)
```
#383141
```
#383141 rgb(56,49,65)
```

Triadic Color

#3a4131
```
#3a4131 rgb(58,65,49)
```
#314138
```
#314138 rgb(49,65,56)
```
#383141
```
#383141 rgb(56,49,65)
```
#41313a
```
#41313a rgb(65,49,58)
```

Tetradic Color

#101512
```
#101512 rgb(16,21,18)
```
#1b241f
```
#1b241f rgb(27,36,31)
```
#26322b
```
#26322b rgb(38,50,43)
```
#314138
```
#314138 rgb(49,65,56)
```
#3c5045
```
#3c5045 rgb(60,80,69)
```
#475e51
```
#475e51 rgb(71,94,81)
```
#526d5e
```
#526d5e rgb(82,109,94)
```

Monochromatic Color

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

#314134
```
#314134 rgb(49,65,52)
```
#314135
```
#314135 rgb(49,65,53)
```
#314137
```
#314137 rgb(49,65,55)
```
#314138
```
#314138 rgb(49,65,56)
```
#314139
```
#314139 rgb(49,65,57)
```
#31413b
```
#31413b rgb(49,65,59)
```
#31413c
```
#31413c rgb(49,65,60)
```

Similar Colors

Text with hexadecimal color #314138

This text has a font color of #314138.

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

#314138 background color

This paragraph has a background color of #314138.

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

#314138 border color

This element has a border color of #314138.

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

CSS codes

.text {color:#314138;}

.background {background-color:#314138;}

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

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

#070908
```
#070908 rgb(7,9,8)
```
#0f1411
```
#0f1411 rgb(15,20,17)
```
#181f1b
```
#181f1b rgb(24,31,27)
```
#202b25
```
#202b25 rgb(32,43,37)
```
#29362e
```
#29362e rgb(41,54,46)
```
#314138
```
#314138 rgb(49,65,56)
```
#394c42
```
#394c42 rgb(57,76,66)
```
#42574b
```
#42574b rgb(66,87,75)
```
#4a6355
```
#4a6355 rgb(74,99,85)
```
#536e5f
```
#536e5f rgb(83,110,95)
```
#5b7968
```
#5b7968 rgb(91,121,104)
```
#648472
```
#648472 rgb(100,132,114)
```
#6c8f7b
```
#6c8f7b rgb(108,143,123)
```

Shade Color Variation

#779885
```
#779885 rgb(119,152,133)
```
#82a18f
```
#82a18f rgb(130,161,143)
```
#8da999
```
#8da999 rgb(141,169,153)
```
#98b2a3
```
#98b2a3 rgb(152,178,163)
```
#a3baad
```
#a3baad rgb(163,186,173)
```
#afc2b7
```
#afc2b7 rgb(175,194,183)
```
#bacbc1
```
#bacbc1 rgb(186,203,193)
```
#c5d3cb
```
#c5d3cb rgb(197,211,203)
```
#d0dcd5
```
#d0dcd5 rgb(208,220,213)
```
#dbe4df
```
#dbe4df rgb(219,228,223)
```
#e7ede9
```
#e7ede9 rgb(231,237,233)
```
#f2f5f3
```
#f2f5f3 rgb(242,245,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#353d39
```
#353d39 rgb(53,61,57)
```
#314138
```
#314138 rgb(49,65,56)
```
#2d4537
```
#2d4537 rgb(45,69,55)
```
#284a37
```
#284a37 rgb(40,74,55)
```
#244e36
```
#244e36 rgb(36,78,54)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#1b5735
```
#1b5735 rgb(27,87,53)
```
#175b35
```
#175b35 rgb(23,91,53)
```
#126034
```
#126034 rgb(18,96,52)
```
#0e6434
```
#0e6434 rgb(14,100,52)
```
#0a6833
```
#0a6833 rgb(10,104,51)
```
#056d33
```
#056d33 rgb(5,109,51)
```
#017132
```
#017132 rgb(1,113,50)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393c3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4740 Protanopia 1% of men
#4f4544 Deuteranopia 1% of men
#3e494e Tritanopia 0.001% of the population

Trichromacy

#41443d Protanomaly 1% of men, 0.01% of women
#44433f Deuteranomaly 6% of men, 0.4% of women
#394646 Tritanomaly 0.01% of the population

#314138 hex color

#314138 Color Information

#314138 Color Conversion

Color Schemes with #314138

Alternatives to #314138

#314138 Preview

Shades and Tints of #314138

Tones of #314138

Color Blindness Simulator