#316556 hex color

In a RGB color space, hex #316556 is composed of 19.2% red, 39.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 0% magenta, 14.9% yellow and 60.4% black. It has a hue angle of 162.7 degrees, a saturation of 34.7% and a lightness of 29.4%. #316556 color hex could be obtained by blending #62caac with #000000. Closest websafe color is: #336666.

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

● #316556 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #316556 has RGB values of R:49, G:101, B:86 and CMYK values of C:0.51, M:0, Y:0.15, K:0.6. Its decimal value is 3237206.

Hex triplet	316556	`#316556`
RGB Decimal	49, 101, 86	`rgb(49,101,86)`
RGB Percent	19.2, 39.6, 33.7	`rgb(19.2%,39.6%,33.7%)`
CMYK	51, 0, 15, 60
HSL	162.7°, 34.7, 29.4	`hsl(162.7,34.7%,29.4%)`
HSV (or HSB)	162.7°, 51.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	38.953, -21.464, 3.162
XYZ	7.599, 10.632, 10.455
xyY	0.265, 0.371, 10.632
CIE-LCH	38.953, 21.696, 171.619
CIE-LUV	38.953, -22.613, 7.013
Hunter-Lab	32.606, -15.458, 3.813
Binary	00110001, 01100101, 01010110

#316556
```
#316556 rgb(49,101,86)
```
#653140
```
#653140 rgb(101,49,64)
```

Complementary Color

#31653c
```
#31653c rgb(49,101,60)
```
#316556
```
#316556 rgb(49,101,86)
```
#315a65
```
#315a65 rgb(49,90,101)
```

Analogous Color

#653c31
```
#653c31 rgb(101,60,49)
```
#316556
```
#316556 rgb(49,101,86)
```
#65315a
```
#65315a rgb(101,49,90)
```

Split Complementary Color

#655631
```
#655631 rgb(101,86,49)
```
#316556
```
#316556 rgb(49,101,86)
```
#563165
```
#563165 rgb(86,49,101)
```

Triadic Color

#406531
```
#406531 rgb(64,101,49)
```
#316556
```
#316556 rgb(49,101,86)
```
#563165
```
#563165 rgb(86,49,101)
```
#653140
```
#653140 rgb(101,49,64)
```

Tetradic Color

#18312a
```
#18312a rgb(24,49,42)
```
#204339
```
#204339 rgb(32,67,57)
```
#295447
```
#295447 rgb(41,84,71)
```
#316556
```
#316556 rgb(49,101,86)
```
#397665
```
#397665 rgb(57,118,101)
```
#428773
```
#428773 rgb(66,135,115)
```
#4a9982
```
#4a9982 rgb(74,153,130)
```

Monochromatic Color

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

#316549
```
#316549 rgb(49,101,73)
```
#31654d
```
#31654d rgb(49,101,77)
```
#316552
```
#316552 rgb(49,101,82)
```
#316556
```
#316556 rgb(49,101,86)
```
#31655a
```
#31655a rgb(49,101,90)
```
#31655f
```
#31655f rgb(49,101,95)
```
#316563
```
#316563 rgb(49,101,99)
```

Similar Colors

Text with hexadecimal color #316556

This text has a font color of #316556.

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

#316556 background color

This paragraph has a background color of #316556.

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

#316556 border color

This element has a border color of #316556.

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

CSS codes

.text {color:#316556;}

.background {background-color:#316556;}

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

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

#040907
```
#040907 rgb(4,9,7)
```
#0b1613
```
#0b1613 rgb(11,22,19)
```
#11231e
```
#11231e rgb(17,35,30)
```
#173029
```
#173029 rgb(23,48,41)
```
#1e3d34
```
#1e3d34 rgb(30,61,52)
```
#244b40
```
#244b40 rgb(36,75,64)
```
#2b584b
```
#2b584b rgb(43,88,75)
```
#316556
```
#316556 rgb(49,101,86)
```
#377261
```
#377261 rgb(55,114,97)
```
#3e7f6c
```
#3e7f6c rgb(62,127,108)
```
#448d78
```
#448d78 rgb(68,141,120)
```
#4b9a83
```
#4b9a83 rgb(75,154,131)
```
#51a78e
```
#51a78e rgb(81,167,142)
```

Shade Color Variation

#5cb098
```
#5cb098 rgb(92,176,152)
```
#69b6a0
```
#69b6a0 rgb(105,182,160)
```
#76bda8
```
#76bda8 rgb(118,189,168)
```
#83c3b1
```
#83c3b1 rgb(131,195,177)
```
#91c9b9
```
#91c9b9 rgb(145,201,185)
```
#9ed0c1
```
#9ed0c1 rgb(158,208,193)
```
#abd6ca
```
#abd6ca rgb(171,214,202)
```
#b8ddd2
```
#b8ddd2 rgb(184,221,210)
```
#c6e3db
```
#c6e3db rgb(198,227,219)
```
#d3eae3
```
#d3eae3 rgb(211,234,227)
```
#e0f0eb
```
#e0f0eb rgb(224,240,235)
```
#edf6f4
```
#edf6f4 rgb(237,246,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#484e4c
```
#484e4c rgb(72,78,76)
```
#42544f
```
#42544f rgb(66,84,79)
```
#3d5951
```
#3d5951 rgb(61,89,81)
```
#375f54
```
#375f54 rgb(55,95,84)
```
#316556
```
#316556 rgb(49,101,86)
```
#2b6b58
```
#2b6b58 rgb(43,107,88)
```
#25715b
```
#25715b rgb(37,113,91)
```
#20765d
```
#20765d rgb(32,118,93)
```
#1a7c60
```
#1a7c60 rgb(26,124,96)
```
#148262
```
#148262 rgb(20,130,98)
```
#0e8865
```
#0e8865 rgb(14,136,101)
```
#098d67
```
#098d67 rgb(9,141,103)
```
#03936a
```
#03936a rgb(3,147,106)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#68635a Protanopia 1% of men
#6d6162 Deuteranopia 1% of men
#426a71 Tritanopia 0.001% of the population

Trichromacy

#546458 Protanomaly 1% of men, 0.01% of women
#57625e Deuteranomaly 6% of men, 0.4% of women
#3c6867 Tritanomaly 0.01% of the population

#316556 hex color

#316556 Color Information

#316556 Color Conversion

Color Schemes with #316556

Alternatives to #316556

#316556 Preview

Shades and Tints of #316556

Tones of #316556

Color Blindness Simulator