#31656a hex color

In a RGB color space, hex #31656a is composed of 19.2% red, 39.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 4.7% magenta, 0% yellow and 58.4% black. It has a hue angle of 185.3 degrees, a saturation of 36.8% and a lightness of 30.4%. #31656a color hex could be obtained by blending #62cad4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 40
- B 42
RGB color chart
- C 54
- M 5
- Y 0
- K 58
CMYK color chart

● #31656a color description : Very dark desaturated cyan.

The hexadecimal color #31656a has RGB values of R:49, G:101, B:106 and CMYK values of C:0.54, M:0.05, Y:0, K:0.58. Its decimal value is 3237226.

Hex triplet	31656a	`#31656a`
RGB Decimal	49, 101, 106	`rgb(49,101,106)`
RGB Percent	19.2, 39.6, 41.6	`rgb(19.2%,39.6%,41.6%)`
CMYK	54, 5, 0, 58
HSL	185.3°, 36.8, 30.4	`hsl(185.3,36.8%,30.4%)`
HSV (or HSB)	185.3°, 53.8, 41.6
Web Safe	336666	`#336666`

CIE-LAB	39.581, -15.793, -8.169
XYZ	8.521, 11, 15.309
xyY	0.245, 0.316, 11
CIE-LCH	39.581, 17.781, 207.35
CIE-LUV	39.581, -21.881, -8.851
Hunter-Lab	33.167, -12.182, -4.15
Binary	00110001, 01100101, 01101010

#31656a
```
#31656a rgb(49,101,106)
```
#6a3631
```
#6a3631 rgb(106,54,49)
```

Complementary Color

#316a53
```
#316a53 rgb(49,106,83)
```
#31656a
```
#31656a rgb(49,101,106)
```
#31496a
```
#31496a rgb(49,73,106)
```

Analogous Color

#6a5331
```
#6a5331 rgb(106,83,49)
```
#31656a
```
#31656a rgb(49,101,106)
```
#6a3149
```
#6a3149 rgb(106,49,73)
```

Split Complementary Color

#656a31
```
#656a31 rgb(101,106,49)
```
#31656a
```
#31656a rgb(49,101,106)
```
#6a3165
```
#6a3165 rgb(106,49,101)
```

Triadic Color

#316a36
```
#316a36 rgb(49,106,54)
```
#31656a
```
#31656a rgb(49,101,106)
```
#6a3165
```
#6a3165 rgb(106,49,101)
```
#6a3631
```
#6a3631 rgb(106,54,49)
```

Tetradic Color

#193336
```
#193336 rgb(25,51,54)
```
#214447
```
#214447 rgb(33,68,71)
```
#295459
```
#295459 rgb(41,84,89)
```
#31656a
```
#31656a rgb(49,101,106)
```
#39767b
```
#39767b rgb(57,118,123)
```
#41868d
```
#41868d rgb(65,134,141)
```
#49979e
```
#49979e rgb(73,151,158)
```

Monochromatic Color

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

#316a61
```
#316a61 rgb(49,106,97)
```
#316a66
```
#316a66 rgb(49,106,102)
```
#316a6a
```
#316a6a rgb(49,106,106)
```
#31656a
```
#31656a rgb(49,101,106)
```
#31606a
```
#31606a rgb(49,96,106)
```
#315c6a
```
#315c6a rgb(49,92,106)
```
#31576a
```
#31576a rgb(49,87,106)
```

Similar Colors

Text with hexadecimal color #31656a

This text has a font color of #31656a.

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

#31656a background color

This paragraph has a background color of #31656a.

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

#31656a border color

This element has a border color of #31656a.

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

CSS codes

.text {color:#31656a;}

.background {background-color:#31656a;}

.border {border:1px solid #31656a;}

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0c181a
```
#0c181a rgb(12,24,26)
```
#122527
```
#122527 rgb(18,37,39)
```
#183234
```
#183234 rgb(24,50,52)
```
#1e3f42
```
#1e3f42 rgb(30,63,66)
```
#254b4f
```
#254b4f rgb(37,75,79)
```
#2b585d
```
#2b585d rgb(43,88,93)
```
#31656a
```
#31656a rgb(49,101,106)
```
#377277
```
#377277 rgb(55,114,119)
```
#3d7f85
```
#3d7f85 rgb(61,127,133)
```
#448b92
```
#448b92 rgb(68,139,146)
```
#4a98a0
```
#4a98a0 rgb(74,152,160)
```
#50a5ad
```
#50a5ad rgb(80,165,173)
```

Shade Color Variation

#5dacb4
```
#5dacb4 rgb(93,172,180)
```
#6ab3ba
```
#6ab3ba rgb(106,179,186)
```
#78bac0
```
#78bac0 rgb(120,186,192)
```
#85c1c7
```
#85c1c7 rgb(133,193,199)
```
#92c8cd
```
#92c8cd rgb(146,200,205)
```
#a0ced3
```
#a0ced3 rgb(160,206,211)
```
#add5d9
```
#add5d9 rgb(173,213,217)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#c8e3e6
```
#c8e3e6 rgb(200,227,230)
```
#d5eaec
```
#d5eaec rgb(213,234,236)
```
#e3f1f2
```
#e3f1f2 rgb(227,241,242)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#495152
```
#495152 rgb(73,81,82)
```
#435658
```
#435658 rgb(67,86,88)
```
#3d5b5e
```
#3d5b5e rgb(61,91,94)
```
#376064
```
#376064 rgb(55,96,100)
```
#31656a
```
#31656a rgb(49,101,106)
```
#2b6a70
```
#2b6a70 rgb(43,106,112)
```
#256f76
```
#256f76 rgb(37,111,118)
```
#1f747c
```
#1f747c rgb(31,116,124)
```
#197982
```
#197982 rgb(25,121,130)
```
#137e88
```
#137e88 rgb(19,126,136)
```
#0d828e
```
#0d828e rgb(13,130,142)
```
#078794
```
#078794 rgb(7,135,148)
```
#018c9a
```
#018c9a rgb(1,140,154)
```

Tone Color Variation

Below, you can see how #31656a 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
#4f595a Atypical Achromatopsia 0.001% of the population

Dichromacy

#65656d Protanopia 1% of men
#676375 Deuteranopia 1% of men
#3c6c74 Tritanopia 0.001% of the population

Trichromacy

#52656c Protanomaly 1% of men, 0.01% of women
#536371 Deuteranomaly 6% of men, 0.4% of women
#386970 Tritanomaly 0.01% of the population

#31656a hex color

#31656a Color Information

#31656a Color Conversion

Color Schemes with #31656a

Alternatives to #31656a

#31656a Preview

Shades and Tints of #31656a

Tones of #31656a

Color Blindness Simulator