#315450 hex color

In a RGB color space, hex #315450 is composed of 19.2% red, 32.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 4.8% yellow and 67.1% black. It has a hue angle of 173.1 degrees, a saturation of 26.3% and a lightness of 26.1%. #315450 color hex could be obtained by blending #62a8a0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 33
- B 31
RGB color chart
- C 42
- M 0
- Y 5
- K 67
CMYK color chart

● #315450 color description : Very dark desaturated cyan.

The hexadecimal color #315450 has RGB values of R:49, G:84, B:80 and CMYK values of C:0.42, M:0, Y:0.05, K:0.67. Its decimal value is 3232848.

Hex triplet	315450	`#315450`
RGB Decimal	49, 84, 80	`rgb(49,84,80)`
RGB Percent	19.2, 32.9, 31.4	`rgb(19.2%,32.9%,31.4%)`
CMYK	42, 0, 5, 67
HSL	173.1°, 26.3, 26.1	`hsl(173.1,26.3%,26.1%)`
HSV (or HSB)	173.1°, 41.7, 32.9
Web Safe	336666	`#336666`

CIE-LAB	33.076, -13.735, -1.662
XYZ	5.885, 7.572, 8.741
xyY	0.265, 0.341, 7.572
CIE-LCH	33.076, 13.835, 186.899
CIE-LUV	33.076, -15.601, -0.239
Hunter-Lab	27.518, -9.986, 0.431
Binary	00110001, 01010100, 01010000

#315450
```
#315450 rgb(49,84,80)
```
#543135
```
#543135 rgb(84,49,53)
```

Complementary Color

#31543f
```
#31543f rgb(49,84,63)
```
#315450
```
#315450 rgb(49,84,80)
```
#314754
```
#314754 rgb(49,71,84)
```

Analogous Color

#543f31
```
#543f31 rgb(84,63,49)
```
#315450
```
#315450 rgb(49,84,80)
```
#543147
```
#543147 rgb(84,49,71)
```

Split Complementary Color

#545031
```
#545031 rgb(84,80,49)
```
#315450
```
#315450 rgb(49,84,80)
```
#503154
```
#503154 rgb(80,49,84)
```

Triadic Color

#355431
```
#355431 rgb(53,84,49)
```
#315450
```
#315450 rgb(49,84,80)
```
#503154
```
#503154 rgb(80,49,84)
```
#543135
```
#543135 rgb(84,49,53)
```

Tetradic Color

#152422
```
#152422 rgb(21,36,34)
```
#1e3431
```
#1e3431 rgb(30,52,49)
```
#284441
```
#284441 rgb(40,68,65)
```
#315450
```
#315450 rgb(49,84,80)
```
#3a645f
```
#3a645f rgb(58,100,95)
```
#44746f
```
#44746f rgb(68,116,111)
```
#4d847e
```
#4d847e rgb(77,132,126)
```

Monochromatic Color

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

#315447
```
#315447 rgb(49,84,71)
```
#31544a
```
#31544a rgb(49,84,74)
```
#31544d
```
#31544d rgb(49,84,77)
```
#315450
```
#315450 rgb(49,84,80)
```
#315453
```
#315453 rgb(49,84,83)
```
#315254
```
#315254 rgb(49,82,84)
```
#314f54
```
#314f54 rgb(49,79,84)
```

Similar Colors

Text with hexadecimal color #315450

This text has a font color of #315450.

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

#315450 background color

This paragraph has a background color of #315450.

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

#315450 border color

This element has a border color of #315450.

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

CSS codes

.text {color:#315450;}

.background {background-color:#315450;}

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

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

#060a09
```
#060a09 rgb(6,10,9)
```
#0d1615
```
#0d1615 rgb(13,22,21)
```
#142221
```
#142221 rgb(20,34,33)
```
#1b2f2d
```
#1b2f2d rgb(27,47,45)
```
#233b38
```
#233b38 rgb(35,59,56)
```
#2a4844
```
#2a4844 rgb(42,72,68)
```
#315450
```
#315450 rgb(49,84,80)
```
#38605c
```
#38605c rgb(56,96,92)
```
#3f6d68
```
#3f6d68 rgb(63,109,104)
```
#477973
```
#477973 rgb(71,121,115)
```
#4e867f
```
#4e867f rgb(78,134,127)
```
#55928b
```
#55928b rgb(85,146,139)
```
#5c9e97
```
#5c9e97 rgb(92,158,151)
```

Shade Color Variation

#68a79f
```
#68a79f rgb(104,167,159)
```
#74aea7
```
#74aea7 rgb(116,174,167)
```
#80b5af
```
#80b5af rgb(128,181,175)
```
#8dbcb7
```
#8dbcb7 rgb(141,188,183)
```
#99c4bf
```
#99c4bf rgb(153,196,191)
```
#a6cbc7
```
#a6cbc7 rgb(166,203,199)
```
#b2d2ce
```
#b2d2ce rgb(178,210,206)
```
#bed9d6
```
#bed9d6 rgb(190,217,214)
```
#cbe1de
```
#cbe1de rgb(203,225,222)
```
#d7e8e6
```
#d7e8e6 rgb(215,232,230)
```
#e4efee
```
#e4efee rgb(228,239,238)
```
#f0f6f5
```
#f0f6f5 rgb(240,246,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#404544
```
#404544 rgb(64,69,68)
```
#3b4a48
```
#3b4a48 rgb(59,74,72)
```
#364f4c
```
#364f4c rgb(54,79,76)
```
#315450
```
#315450 rgb(49,84,80)
```
#2c5954
```
#2c5954 rgb(44,89,84)
```
#275e58
```
#275e58 rgb(39,94,88)
```
#22635c
```
#22635c rgb(34,99,92)
```
#1d6860
```
#1d6860 rgb(29,104,96)
```
#176e64
```
#176e64 rgb(23,110,100)
```
#127368
```
#127368 rgb(18,115,104)
```
#0d786c
```
#0d786c rgb(13,120,108)
```
#087d70
```
#087d70 rgb(8,125,112)
```
#038274
```
#038274 rgb(3,130,116)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#585655 Protanopia 1% of men
#5c545b Deuteranopia 1% of men
#3e5b62 Tritanopia 0.001% of the population

Trichromacy

#4a5553 Protanomaly 1% of men, 0.01% of women
#4c5457 Deuteranomaly 6% of men, 0.4% of women
#39585b Tritanomaly 0.01% of the population

#315450 hex color

#315450 Color Information

#315450 Color Conversion

Color Schemes with #315450

Alternatives to #315450

#315450 Preview

Shades and Tints of #315450

Tones of #315450

Color Blindness Simulator