#314346 hex color

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

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

● #314346 color description : Very dark grayish cyan.

The hexadecimal color #314346 has RGB values of R:49, G:67, B:70 and CMYK values of C:0.3, M:0.04, Y:0, K:0.73. Its decimal value is 3228486.

Hex triplet	314346	`#314346`
RGB Decimal	49, 67, 70	`rgb(49,67,70)`
RGB Percent	19.2, 26.3, 27.5	`rgb(19.2%,26.3%,27.5%)`
CMYK	30, 4, 0, 73
HSL	188.6°, 17.6, 23.3	`hsl(188.6,17.6%,23.3%)`
HSV (or HSB)	188.6°, 30, 27.5
Web Safe	333333	`#333333`

CIE-LAB	27.044, -6.289, -4.149
XYZ	4.379, 5.109, 6.549
xyY	0.273, 0.319, 5.109
CIE-LCH	27.044, 7.534, 213.418
CIE-LUV	27.044, -8.382, -4.059
Hunter-Lab	22.604, -4.976, -1.357
Binary	00110001, 01000011, 01000110

#314346
```
#314346 rgb(49,67,70)
```
#463431
```
#463431 rgb(70,52,49)
```

Complementary Color

#31463f
```
#31463f rgb(49,70,63)
```
#314346
```
#314346 rgb(49,67,70)
```
#313946
```
#313946 rgb(49,57,70)
```

Analogous Color

#463f31
```
#463f31 rgb(70,63,49)
```
#314346
```
#314346 rgb(49,67,70)
```
#463139
```
#463139 rgb(70,49,57)
```

Split Complementary Color

#434631
```
#434631 rgb(67,70,49)
```
#314346
```
#314346 rgb(49,67,70)
```
#463143
```
#463143 rgb(70,49,67)
```

Triadic Color

#314634
```
#314634 rgb(49,70,52)
```
#314346
```
#314346 rgb(49,67,70)
```
#463143
```
#463143 rgb(70,49,67)
```
#463431
```
#463431 rgb(70,52,49)
```

Tetradic Color

#121819
```
#121819 rgb(18,24,25)
```
#1c2628
```
#1c2628 rgb(28,38,40)
```
#273537
```
#273537 rgb(39,53,55)
```
#314346
```
#314346 rgb(49,67,70)
```
#3c5155
```
#3c5155 rgb(60,81,85)
```
#466064
```
#466064 rgb(70,96,100)
```
#516e73
```
#516e73 rgb(81,110,115)
```

Monochromatic Color

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

#314644
```
#314644 rgb(49,70,68)
```
#314646
```
#314646 rgb(49,70,70)
```
#314546
```
#314546 rgb(49,69,70)
```
#314346
```
#314346 rgb(49,67,70)
```
#314146
```
#314146 rgb(49,65,70)
```
#314046
```
#314046 rgb(49,64,70)
```
#313e46
```
#313e46 rgb(49,62,70)
```

Similar Colors

Text with hexadecimal color #314346

This text has a font color of #314346.

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

#314346 background color

This paragraph has a background color of #314346.

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

#314346 border color

This element has a border color of #314346.

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

CSS codes

.text {color:#314346;}

.background {background-color:#314346;}

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

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 #f4f7f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090c0c
```
#090c0c rgb(9,12,12)
```
#111718
```
#111718 rgb(17,23,24)
```
#192223
```
#192223 rgb(25,34,35)
```
#212d2f
```
#212d2f rgb(33,45,47)
```
#29383a
```
#29383a rgb(41,56,58)
```
#314346
```
#314346 rgb(49,67,70)
```
#394e52
```
#394e52 rgb(57,78,82)
```
#41595d
```
#41595d rgb(65,89,93)
```
#496469
```
#496469 rgb(73,100,105)
```
#516f74
```
#516f74 rgb(81,111,116)
```
#597a80
```
#597a80 rgb(89,122,128)
```
#61858b
```
#61858b rgb(97,133,139)
```

Shade Color Variation

#6a9097
```
#6a9097 rgb(106,144,151)
```
#75999f
```
#75999f rgb(117,153,159)
```
#81a1a7
```
#81a1a7 rgb(129,161,167)
```
#8caaaf
```
#8caaaf rgb(140,170,175)
```
#98b2b7
```
#98b2b7 rgb(152,178,183)
```
#a3bbbf
```
#a3bbbf rgb(163,187,191)
```
#afc4c7
```
#afc4c7 rgb(175,196,199)
```
#bbcccf
```
#bbcccf rgb(187,204,207)
```
#c6d5d7
```
#c6d5d7 rgb(198,213,215)
```
#d2dddf
```
#d2dddf rgb(210,221,223)
```
#dde6e7
```
#dde6e7 rgb(221,230,231)
```
#e9eeef
```
#e9eeef rgb(233,238,239)
```
#f4f7f7
```
#f4f7f7 rgb(244,247,247)
```

Tint Color Variation

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

#3a3c3d
```
#3a3c3d rgb(58,60,61)
```
#364041
```
#364041 rgb(54,64,65)
```
#314346
```
#314346 rgb(49,67,70)
```
#2c464b
```
#2c464b rgb(44,70,75)
```
#284a4f
```
#284a4f rgb(40,74,79)
```
#234d54
```
#234d54 rgb(35,77,84)
```
#1f5058
```
#1f5058 rgb(31,80,88)
```
#1a535d
```
#1a535d rgb(26,83,93)
```
#165761
```
#165761 rgb(22,87,97)
```
#115a66
```
#115a66 rgb(17,90,102)
```
#0c5d6b
```
#0c5d6b rgb(12,93,107)
```
#08606f
```
#08606f rgb(8,96,111)
```
#036474
```
#036474 rgb(3,100,116)
```

Tone Color Variation

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

Dichromacy

#49494d Protanopia 1% of men
#4d4851 Deuteranopia 1% of men
#3c4c51 Tritanopia 0.001% of the population

Trichromacy

#40474a Protanomaly 1% of men, 0.01% of women
#42464d Deuteranomaly 6% of men, 0.4% of women
#38484d Tritanomaly 0.01% of the population

#314346 hex color

#314346 Color Information

#314346 Color Conversion

Color Schemes with #314346

Alternatives to #314346

#314346 Preview

Shades and Tints of #314346

Tones of #314346

Color Blindness Simulator