#314040 hex color

In a RGB color space, hex #314040 is composed of 19.2% red, 25.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 0% yellow and 74.9% black. It has a hue angle of 180 degrees, a saturation of 13.3% and a lightness of 22.2%. #314040 color hex could be obtained by blending #628080 with #000000. Closest websafe color is: #333333.

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

● #314040 color description : Very dark grayish cyan.

The hexadecimal color #314040 has RGB values of R:49, G:64, B:64 and CMYK values of C:0.23, M:0, Y:0, K:0.75. Its decimal value is 3227712.

Hex triplet	314040	`#314040`
RGB Decimal	49, 64, 64	`rgb(49,64,64)`
RGB Percent	19.2, 25.1, 25.1	`rgb(19.2%,25.1%,25.1%)`
CMYK	23, 0, 0, 75
HSL	180°, 13.3, 22.2	`hsl(180,13.3%,22.2%)`
HSV (or HSB)	180°, 23.4, 25.1
Web Safe	333333	`#333333`

CIE-LAB	25.832, -6.028, -2.001
XYZ	4.025, 4.69, 5.543
xyY	0.282, 0.329, 4.69
CIE-LCH	25.832, 6.352, 198.364
CIE-LUV	25.832, -7.023, -1.518
Hunter-Lab	21.656, -4.72, -0.017
Binary	00110001, 01000000, 01000000

#314040
```
#314040 rgb(49,64,64)
```
#403131
```
#403131 rgb(64,49,49)
```

Complementary Color

#314039
```
#314039 rgb(49,64,57)
```
#314040
```
#314040 rgb(49,64,64)
```
#313940
```
#313940 rgb(49,57,64)
```

Analogous Color

#403931
```
#403931 rgb(64,57,49)
```
#314040
```
#314040 rgb(49,64,64)
```
#403139
```
#403139 rgb(64,49,57)
```

Split Complementary Color

#404031
```
#404031 rgb(64,64,49)
```
#314040
```
#314040 rgb(49,64,64)
```
#403140
```
#403140 rgb(64,49,64)
```

Triadic Color

#314031
```
#314031 rgb(49,64,49)
```
#314040
```
#314040 rgb(49,64,64)
```
#403140
```
#403140 rgb(64,49,64)
```
#403131
```
#403131 rgb(64,49,49)
```

Tetradic Color

#101515
```
#101515 rgb(16,21,21)
```
#1b2323
```
#1b2323 rgb(27,35,35)
```
#263232
```
#263232 rgb(38,50,50)
```
#314040
```
#314040 rgb(49,64,64)
```
#3c4e4e
```
#3c4e4e rgb(60,78,78)
```
#475d5d
```
#475d5d rgb(71,93,93)
```
#526b6b
```
#526b6b rgb(82,107,107)
```

Monochromatic Color

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

#31403c
```
#31403c rgb(49,64,60)
```
#31403e
```
#31403e rgb(49,64,62)
```
#31403f
```
#31403f rgb(49,64,63)
```
#314040
```
#314040 rgb(49,64,64)
```
#313f40
```
#313f40 rgb(49,63,64)
```
#313e40
```
#313e40 rgb(49,62,64)
```
#313c40
```
#313c40 rgb(49,60,64)
```

Similar Colors

Text with hexadecimal color #314040

This text has a font color of #314040.

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

#314040 background color

This paragraph has a background color of #314040.

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

#314040 border color

This element has a border color of #314040.

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

CSS codes

.text {color:#314040;}

.background {background-color:#314040;}

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

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

#060808
```
#060808 rgb(6,8,8)
```
#0f1414
```
#0f1414 rgb(15,20,20)
```
#171f1f
```
#171f1f rgb(23,31,31)
```
#202a2a
```
#202a2a rgb(32,42,42)
```
#283535
```
#283535 rgb(40,53,53)
```
#314040
```
#314040 rgb(49,64,64)
```
#3a4b4b
```
#3a4b4b rgb(58,75,75)
```
#425656
```
#425656 rgb(66,86,86)
```
#4b6161
```
#4b6161 rgb(75,97,97)
```
#536c6c
```
#536c6c rgb(83,108,108)
```
#5c7878
```
#5c7878 rgb(92,120,120)
```
#648383
```
#648383 rgb(100,131,131)
```
#6d8e8e
```
#6d8e8e rgb(109,142,142)
```

Shade Color Variation

#779797
```
#779797 rgb(119,151,151)
```
#829f9f
```
#829f9f rgb(130,159,159)
```
#8da8a8
```
#8da8a8 rgb(141,168,168)
```
#98b0b0
```
#98b0b0 rgb(152,176,176)
```
#a3b9b9
```
#a3b9b9 rgb(163,185,185)
```
#afc1c1
```
#afc1c1 rgb(175,193,193)
```
#bacaca
```
#bacaca rgb(186,202,202)
```
#c5d2d2
```
#c5d2d2 rgb(197,210,210)
```
#d0dbdb
```
#d0dbdb rgb(208,219,219)
```
#dbe3e3
```
#dbe3e3 rgb(219,227,227)
```
#e6ecec
```
#e6ecec rgb(230,236,236)
```
#f1f4f4
```
#f1f4f4 rgb(241,244,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#353c3c
```
#353c3c rgb(53,60,60)
```
#314040
```
#314040 rgb(49,64,64)
```
#2d4444
```
#2d4444 rgb(45,68,68)
```
#284949
```
#284949 rgb(40,73,73)
```
#244d4d
```
#244d4d rgb(36,77,77)
```
#205151
```
#205151 rgb(32,81,81)
```
#1b5656
```
#1b5656 rgb(27,86,86)
```
#175a5a
```
#175a5a rgb(23,90,90)
```
#135e5e
```
#135e5e rgb(19,94,94)
```
#0e6363
```
#0e6363 rgb(14,99,99)
```
#0a6767
```
#0a6767 rgb(10,103,103)
```
#066b6b
```
#066b6b rgb(6,107,107)
```
#017070
```
#017070 rgb(1,112,112)
```

Tone Color Variation

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

Dichromacy

#484648 Protanopia 1% of men
#4b454b Deuteranopia 1% of men
#3c494e Tritanopia 0.001% of the population

Trichromacy

#3f4445 Protanomaly 1% of men, 0.01% of women
#424347 Deuteranomaly 6% of men, 0.4% of women
#384549 Tritanomaly 0.01% of the population

#314040 hex color

#314040 Color Information

#314040 Color Conversion

Color Schemes with #314040

Alternatives to #314040

#314040 Preview

Shades and Tints of #314040

Tones of #314040

Color Blindness Simulator