#31756f hex color

In a RGB color space, hex #31756f is composed of 19.2% red, 45.9% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 5.1% yellow and 54.1% black. It has a hue angle of 174.7 degrees, a saturation of 41% and a lightness of 32.5%. #31756f color hex could be obtained by blending #62eade with #000000. Closest websafe color is: #336666.

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

● #31756f color description : Dark moderate cyan.

The hexadecimal color #31756f has RGB values of R:49, G:117, B:111 and CMYK values of C:0.58, M:0, Y:0.05, K:0.54. Its decimal value is 3241327.

Hex triplet	31756f	`#31756f`
RGB Decimal	49, 117, 111	`rgb(49,117,111)`
RGB Percent	19.2, 45.9, 43.5	`rgb(19.2%,45.9%,43.5%)`
CMYK	58, 0, 5, 54
HSL	174.7°, 41, 32.5	`hsl(174.7,41%,32.5%)`
HSV (or HSB)	174.7°, 58.1, 45.9
Web Safe	336666	`#336666`

CIE-LAB	44.973, -22.93, -3.173
XYZ	10.496, 14.522, 17.288
xyY	0.248, 0.343, 14.522
CIE-LCH	44.973, 23.149, 187.879
CIE-LUV	44.973, -28.062, -1.094
Hunter-Lab	38.108, -17.525, -0.221
Binary	00110001, 01110101, 01101111

#31756f
```
#31756f rgb(49,117,111)
```
#753137
```
#753137 rgb(117,49,55)
```

Complementary Color

#31754d
```
#31754d rgb(49,117,77)
```
#31756f
```
#31756f rgb(49,117,111)
```
#315975
```
#315975 rgb(49,89,117)
```

Analogous Color

#754d31
```
#754d31 rgb(117,77,49)
```
#31756f
```
#31756f rgb(49,117,111)
```
#753159
```
#753159 rgb(117,49,89)
```

Split Complementary Color

#756f31
```
#756f31 rgb(117,111,49)
```
#31756f
```
#31756f rgb(49,117,111)
```
#6f3175
```
#6f3175 rgb(111,49,117)
```

Triadic Color

#377531
```
#377531 rgb(55,117,49)
```
#31756f
```
#31756f rgb(49,117,111)
```
#6f3175
```
#6f3175 rgb(111,49,117)
```
#753137
```
#753137 rgb(117,49,55)
```

Tetradic Color

#1a3f3c
```
#1a3f3c rgb(26,63,60)
```
#22514d
```
#22514d rgb(34,81,77)
```
#29635e
```
#29635e rgb(41,99,94)
```
#31756f
```
#31756f rgb(49,117,111)
```
#398780
```
#398780 rgb(57,135,128)
```
#409991
```
#409991 rgb(64,153,145)
```
#48aba2
```
#48aba2 rgb(72,171,162)
```

Monochromatic Color

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

#31755e
```
#31755e rgb(49,117,94)
```
#317564
```
#317564 rgb(49,117,100)
```
#317569
```
#317569 rgb(49,117,105)
```
#31756f
```
#31756f rgb(49,117,111)
```
#317575
```
#317575 rgb(49,117,117)
```
#317075
```
#317075 rgb(49,112,117)
```
#316a75
```
#316a75 rgb(49,106,117)
```

Similar Colors

Text with hexadecimal color #31756f

This text has a font color of #31756f.

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

#31756f background color

This paragraph has a background color of #31756f.

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

#31756f border color

This element has a border color of #31756f.

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

CSS codes

.text {color:#31756f;}

.background {background-color:#31756f;}

.border {border:1px solid #31756f;}

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

#030606
```
#030606 rgb(3,6,6)
```
#081413
```
#081413 rgb(8,20,19)
```
#0e2220
```
#0e2220 rgb(14,34,32)
```
#14302d
```
#14302d rgb(20,48,45)
```
#1a3e3b
```
#1a3e3b rgb(26,62,59)
```
#204c48
```
#204c48 rgb(32,76,72)
```
#255955
```
#255955 rgb(37,89,85)
```
#2b6762
```
#2b6762 rgb(43,103,98)
```
#31756f
```
#31756f rgb(49,117,111)
```
#37837c
```
#37837c rgb(55,131,124)
```
#3d9189
```
#3d9189 rgb(61,145,137)
```
#429e96
```
#429e96 rgb(66,158,150)
```
#48aca3
```
#48aca3 rgb(72,172,163)
```

Shade Color Variation

#52b6ae
```
#52b6ae rgb(82,182,174)
```
#5fbcb4
```
#5fbcb4 rgb(95,188,180)
```
#6dc2bb
```
#6dc2bb rgb(109,194,187)
```
#7bc8c1
```
#7bc8c1 rgb(123,200,193)
```
#89cec8
```
#89cec8 rgb(137,206,200)
```
#97d3ce
```
#97d3ce rgb(151,211,206)
```
#a5d9d5
```
#a5d9d5 rgb(165,217,213)
```
#b2dfdb
```
#b2dfdb rgb(178,223,219)
```
#c0e5e2
```
#c0e5e2 rgb(192,229,226)
```
#ceebe8
```
#ceebe8 rgb(206,235,232)
```
#dcf0ef
```
#dcf0ef rgb(220,240,239)
```
#eaf6f5
```
#eaf6f5 rgb(234,246,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#515555
```
#515555 rgb(81,85,85)
```
#4b5b5a
```
#4b5b5a rgb(75,91,90)
```
#44625f
```
#44625f rgb(68,98,95)
```
#3e6864
```
#3e6864 rgb(62,104,100)
```
#376f6a
```
#376f6a rgb(55,111,106)
```
#31756f
```
#31756f rgb(49,117,111)
```
#2b7b74
```
#2b7b74 rgb(43,123,116)
```
#24827a
```
#24827a rgb(36,130,122)
```
#1e887f
```
#1e887f rgb(30,136,127)
```
#178f84
```
#178f84 rgb(23,143,132)
```
#119589
```
#119589 rgb(17,149,137)
```
#0b9b8f
```
#0b9b8f rgb(11,155,143)
```
#04a294
```
#04a294 rgb(4,162,148)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#576463 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747170 Protanopia 1% of men
#786f7b Deuteranopia 1% of men
#417a83 Tritanopia 0.001% of the population

Trichromacy

#5b7270 Protanomaly 1% of men, 0.01% of women
#5e7176 Deuteranomaly 6% of men, 0.4% of women
#3b787b Tritanomaly 0.01% of the population

#31756f hex color

#31756f Color Information

#31756f Color Conversion

Color Schemes with #31756f

Alternatives to #31756f

#31756f Preview

Shades and Tints of #31756f

Tones of #31756f

Color Blindness Simulator