#316566 hex color

In a RGB color space, hex #316566 is composed of 19.2% red, 39.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 1% magenta, 0% yellow and 60% black. It has a hue angle of 181.1 degrees, a saturation of 35.1% and a lightness of 29.6%. #316566 color hex could be obtained by blending #62cacc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 40
- B 40
RGB color chart
- C 52
- M 1
- Y 0
- K 60
CMYK color chart

● #316566 color description : Very dark desaturated cyan.

The hexadecimal color #316566 has RGB values of R:49, G:101, B:102 and CMYK values of C:0.52, M:0.01, Y:0, K:0.6. Its decimal value is 3237222.

Hex triplet	316566	`#316566`
RGB Decimal	49, 101, 102	`rgb(49,101,102)`
RGB Percent	19.2, 39.6, 40	`rgb(19.2%,39.6%,40%)`
CMYK	52, 1, 0, 60
HSL	181.1°, 35.1, 29.6	`hsl(181.1,35.1%,29.6%)`
HSV (or HSB)	181.1°, 52, 40
Web Safe	336666	`#336666`

CIE-LAB	39.444, -16.995, -5.923
XYZ	8.318, 10.919, 14.239
xyY	0.248, 0.326, 10.919
CIE-LCH	39.444, 17.997, 199.216
CIE-LUV	39.444, -22.028, -5.578
Hunter-Lab	33.044, -12.895, -2.418
Binary	00110001, 01100101, 01100110

#316566
```
#316566 rgb(49,101,102)
```
#663231
```
#663231 rgb(102,50,49)
```

Complementary Color

#31664d
```
#31664d rgb(49,102,77)
```
#316566
```
#316566 rgb(49,101,102)
```
#314a66
```
#314a66 rgb(49,74,102)
```

Analogous Color

#664d31
```
#664d31 rgb(102,77,49)
```
#316566
```
#316566 rgb(49,101,102)
```
#66314b
```
#66314b rgb(102,49,75)
```

Split Complementary Color

#656631
```
#656631 rgb(101,102,49)
```
#316566
```
#316566 rgb(49,101,102)
```
#663165
```
#663165 rgb(102,49,101)
```

Triadic Color

#316632
```
#316632 rgb(49,102,50)
```
#316566
```
#316566 rgb(49,101,102)
```
#663165
```
#663165 rgb(102,49,101)
```
#663231
```
#663231 rgb(102,50,49)
```

Tetradic Color

#183232
```
#183232 rgb(24,50,50)
```
#204344
```
#204344 rgb(32,67,68)
```
#295455
```
#295455 rgb(41,84,85)
```
#316566
```
#316566 rgb(49,101,102)
```
#397677
```
#397677 rgb(57,118,119)
```
#428788
```
#428788 rgb(66,135,136)
```
#4a989a
```
#4a989a rgb(74,152,154)
```

Monochromatic Color

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

#31665a
```
#31665a rgb(49,102,90)
```
#31665e
```
#31665e rgb(49,102,94)
```
#316663
```
#316663 rgb(49,102,99)
```
#316566
```
#316566 rgb(49,101,102)
```
#316166
```
#316166 rgb(49,97,102)
```
#315c66
```
#315c66 rgb(49,92,102)
```
#315866
```
#315866 rgb(49,88,102)
```

Similar Colors

Text with hexadecimal color #316566

This text has a font color of #316566.

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

#316566 background color

This paragraph has a background color of #316566.

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

#316566 border color

This element has a border color of #316566.

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

CSS codes

.text {color:#316566;}

.background {background-color:#316566;}

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0b1616
```
#0b1616 rgb(11,22,22)
```
#112324
```
#112324 rgb(17,35,36)
```
#183131
```
#183131 rgb(24,49,49)
```
#1e3e3e
```
#1e3e3e rgb(30,62,62)
```
#244b4b
```
#244b4b rgb(36,75,75)
```
#2b5859
```
#2b5859 rgb(43,88,89)
```
#316566
```
#316566 rgb(49,101,102)
```
#377273
```
#377273 rgb(55,114,115)
```
#3e7f81
```
#3e7f81 rgb(62,127,129)
```
#448c8e
```
#448c8e rgb(68,140,142)
```
#4a999b
```
#4a999b rgb(74,153,155)
```
#51a7a8
```
#51a7a8 rgb(81,167,168)
```

Shade Color Variation

#5cafb1
```
#5cafb1 rgb(92,175,177)
```
#69b6b7
```
#69b6b7 rgb(105,182,183)
```
#76bcbd
```
#76bcbd rgb(118,188,189)
```
#84c3c4
```
#84c3c4 rgb(132,195,196)
```
#91c9ca
```
#91c9ca rgb(145,201,202)
```
#9ed0d1
```
#9ed0d1 rgb(158,208,209)
```
#abd6d7
```
#abd6d7 rgb(171,214,215)
```
#b9dddd
```
#b9dddd rgb(185,221,221)
```
#c6e3e4
```
#c6e3e4 rgb(198,227,228)
```
#d3eaea
```
#d3eaea rgb(211,234,234)
```
#e0f0f0
```
#e0f0f0 rgb(224,240,240)
```
#eef7f7
```
#eef7f7 rgb(238,247,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#484f4f
```
#484f4f rgb(72,79,79)
```
#425455
```
#425455 rgb(66,84,85)
```
#3d5a5a
```
#3d5a5a rgb(61,90,90)
```
#375f60
```
#375f60 rgb(55,95,96)
```
#316566
```
#316566 rgb(49,101,102)
```
#2b6b6c
```
#2b6b6c rgb(43,107,108)
```
#257072
```
#257072 rgb(37,112,114)
```
#207677
```
#207677 rgb(32,118,119)
```
#1a7b7d
```
#1a7b7d rgb(26,123,125)
```
#148183
```
#148183 rgb(20,129,131)
```
#0e8789
```
#0e8789 rgb(14,135,137)
```
#088c8f
```
#088c8f rgb(8,140,143)
```
#039294
```
#039294 rgb(3,146,148)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5959 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656469 Protanopia 1% of men
#686271 Deuteranopia 1% of men
#3e6c73 Tritanopia 0.001% of the population

Trichromacy

#526468 Protanomaly 1% of men, 0.01% of women
#54636d Deuteranomaly 6% of men, 0.4% of women
#39696e Tritanomaly 0.01% of the population

#316566 hex color

#316566 Color Information

#316566 Color Conversion

Color Schemes with #316566

Alternatives to #316566

#316566 Preview

Shades and Tints of #316566

Tones of #316566

Color Blindness Simulator