#314438 hex color

In a RGB color space, hex #314438 is composed of 19.2% red, 26.7% green and 22% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 0% magenta, 17.6% yellow and 73.3% black. It has a hue angle of 142.1 degrees, a saturation of 16.2% and a lightness of 22.9%. #314438 color hex could be obtained by blending #628870 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #314438 has RGB values of R:49, G:68, B:56 and CMYK values of C:0.28, M:0, Y:0.18, K:0.73. Its decimal value is 3228728.

Hex triplet	314438	`#314438`
RGB Decimal	49, 68, 56	`rgb(49,68,56)`
RGB Percent	19.2, 26.7, 22	`rgb(19.2%,26.7%,22%)`
CMYK	28, 0, 18, 73
HSL	142.1°, 16.2, 22.9	`hsl(142.1,16.2%,22.9%)`
HSV (or HSB)	142.1°, 27.9, 26.7
Web Safe	333333	`#333333`

CIE-LAB	26.941, -10.487, 4.851
XYZ	4.047, 5.073, 4.507
xyY	0.297, 0.372, 5.073
CIE-LCH	26.941, 11.555, 155.175
CIE-LUV	26.941, -8.749, 6.695
Hunter-Lab	22.522, -7.337, 3.901
Binary	00110001, 01000100, 00111000

#314438
```
#314438 rgb(49,68,56)
```
#44313d
```
#44313d rgb(68,49,61)
```

Complementary Color

#344431
```
#344431 rgb(52,68,49)
```
#314438
```
#314438 rgb(49,68,56)
```
#314442
```
#314442 rgb(49,68,66)
```

Analogous Color

#443134
```
#443134 rgb(68,49,52)
```
#314438
```
#314438 rgb(49,68,56)
```
#423144
```
#423144 rgb(66,49,68)
```

Split Complementary Color

#443831
```
#443831 rgb(68,56,49)
```
#314438
```
#314438 rgb(49,68,56)
```
#383144
```
#383144 rgb(56,49,68)
```

Triadic Color

#3d4431
```
#3d4431 rgb(61,68,49)
```
#314438
```
#314438 rgb(49,68,56)
```
#383144
```
#383144 rgb(56,49,68)
```
#44313d
```
#44313d rgb(68,49,61)
```

Tetradic Color

#111813
```
#111813 rgb(17,24,19)
```
#1c2620
```
#1c2620 rgb(28,38,32)
```
#26352c
```
#26352c rgb(38,53,44)
```
#314438
```
#314438 rgb(49,68,56)
```
#3c5344
```
#3c5344 rgb(60,83,68)
```
#466250
```
#466250 rgb(70,98,80)
```
#51705d
```
#51705d rgb(81,112,93)
```

Monochromatic Color

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

#314433
```
#314433 rgb(49,68,51)
```
#314435
```
#314435 rgb(49,68,53)
```
#314436
```
#314436 rgb(49,68,54)
```
#314438
```
#314438 rgb(49,68,56)
```
#31443a
```
#31443a rgb(49,68,58)
```
#31443b
```
#31443b rgb(49,68,59)
```
#31443d
```
#31443d rgb(49,68,61)
```

Similar Colors

Text with hexadecimal color #314438

This text has a font color of #314438.

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

#314438 background color

This paragraph has a background color of #314438.

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

#314438 border color

This element has a border color of #314438.

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

CSS codes

.text {color:#314438;}

.background {background-color:#314438;}

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

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, #080b09 is the darkest color, while #ffffff is the lightest one.

#080b09
```
#080b09 rgb(8,11,9)
```
#101612
```
#101612 rgb(16,22,18)
```
#18221c
```
#18221c rgb(24,34,28)
```
#212d25
```
#212d25 rgb(33,45,37)
```
#29392f
```
#29392f rgb(41,57,47)
```
#314438
```
#314438 rgb(49,68,56)
```
#394f41
```
#394f41 rgb(57,79,65)
```
#415b4b
```
#415b4b rgb(65,91,75)
```
#4a6654
```
#4a6654 rgb(74,102,84)
```
#52725e
```
#52725e rgb(82,114,94)
```
#5a7d67
```
#5a7d67 rgb(90,125,103)
```
#628870
```
#628870 rgb(98,136,112)
```
#6b947a
```
#6b947a rgb(107,148,122)
```

Shade Color Variation

#769c84
```
#769c84 rgb(118,156,132)
```
#81a48e
```
#81a48e rgb(129,164,142)
```
#8dad98
```
#8dad98 rgb(141,173,152)
```
#98b5a3
```
#98b5a3 rgb(152,181,163)
```
#a3bdad
```
#a3bdad rgb(163,189,173)
```
#afc5b7
```
#afc5b7 rgb(175,197,183)
```
#bacdc1
```
#bacdc1 rgb(186,205,193)
```
#c6d6cc
```
#c6d6cc rgb(198,214,204)
```
#d1ded6
```
#d1ded6 rgb(209,222,214)
```
#dce6e0
```
#dce6e0 rgb(220,230,224)
```
#e8eeea
```
#e8eeea rgb(232,238,234)
```
#f3f6f4
```
#f3f6f4 rgb(243,246,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#3a3b3a
```
#3a3b3a rgb(58,59,58)
```
#364039
```
#364039 rgb(54,64,57)
```
#314438
```
#314438 rgb(49,68,56)
```
#2d4937
```
#2d4937 rgb(45,73,55)
```
#284d36
```
#284d36 rgb(40,77,54)
```
#245234
```
#245234 rgb(36,82,52)
```
#1f5633
```
#1f5633 rgb(31,86,51)
```
#1b5b32
```
#1b5b32 rgb(27,91,50)
```
#165f31
```
#165f31 rgb(22,95,49)
```
#126430
```
#126430 rgb(18,100,48)
```
#0d682f
```
#0d682f rgb(13,104,47)
```
#096d2d
```
#096d2d rgb(9,109,45)
```
#04712c
```
#04712c rgb(4,113,44)
```

Tone Color Variation

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

Dichromacy

#4d4940 Protanopia 1% of men
#524744 Deuteranopia 1% of men
#3f4b51 Tritanopia 0.001% of the population

Trichromacy

#42473d Protanomaly 1% of men, 0.01% of women
#46463f Deuteranomaly 6% of men, 0.4% of women
#394847 Tritanomaly 0.01% of the population

#314438 hex color

#314438 Color Information

#314438 Color Conversion

Color Schemes with #314438

Alternatives to #314438

#314438 Preview

Shades and Tints of #314438

Tones of #314438

Color Blindness Simulator