#31797c hex color

In a RGB color space, hex #31797c is composed of 19.2% red, 47.5% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 2.4% magenta, 0% yellow and 51.4% black. It has a hue angle of 182.4 degrees, a saturation of 43.4% and a lightness of 33.9%. #31797c color hex could be obtained by blending #62f2f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 47
- B 49
RGB color chart
- C 60
- M 2
- Y 0
- K 51
CMYK color chart

● #31797c color description : Dark moderate cyan.

The hexadecimal color #31797c has RGB values of R:49, G:121, B:124 and CMYK values of C:0.6, M:0.02, Y:0, K:0.51. Its decimal value is 3242364.

Hex triplet	31797c	`#31797c`
RGB Decimal	49, 121, 124	`rgb(49,121,124)`
RGB Percent	19.2, 47.5, 48.6	`rgb(19.2%,47.5%,48.6%)`
CMYK	60, 2, 0, 51
HSL	182.4°, 43.4, 33.9	`hsl(182.4,43.4%,33.9%)`
HSV (or HSB)	182.4°, 60.5, 48.6
Web Safe	336666	`#336666`

CIE-LAB	46.687, -21.188, -8.373
XYZ	11.741, 15.782, 21.495
xyY	0.24, 0.322, 15.782
CIE-LCH	46.687, 22.783, 201.563
CIE-LUV	46.687, -28.996, -8.787
Hunter-Lab	39.727, -16.767, -4.272
Binary	00110001, 01111001, 01111100

#31797c
```
#31797c rgb(49,121,124)
```
#7c3431
```
#7c3431 rgb(124,52,49)
```

Complementary Color

#317c5a
```
#317c5a rgb(49,124,90)
```
#31797c
```
#31797c rgb(49,121,124)
```
#31547c
```
#31547c rgb(49,84,124)
```

Analogous Color

#7c5a31
```
#7c5a31 rgb(124,90,49)
```
#31797c
```
#31797c rgb(49,121,124)
```
#7c3154
```
#7c3154 rgb(124,49,84)
```

Split Complementary Color

#797c31
```
#797c31 rgb(121,124,49)
```
#31797c
```
#31797c rgb(49,121,124)
```
#7c3179
```
#7c3179 rgb(124,49,121)
```

Triadic Color

#317c34
```
#317c34 rgb(49,124,52)
```
#31797c
```
#31797c rgb(49,121,124)
```
#7c3179
```
#7c3179 rgb(124,49,121)
```
#7c3431
```
#7c3431 rgb(124,52,49)
```

Tetradic Color

#1b4345
```
#1b4345 rgb(27,67,69)
```
#235557
```
#235557 rgb(35,85,87)
```
#2a676a
```
#2a676a rgb(42,103,106)
```
#31797c
```
#31797c rgb(49,121,124)
```
#388b8e
```
#388b8e rgb(56,139,142)
```
#3f9da1
```
#3f9da1 rgb(63,157,161)
```
#47afb3
```
#47afb3 rgb(71,175,179)
```

Monochromatic Color

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

#317c6c
```
#317c6c rgb(49,124,108)
```
#317c73
```
#317c73 rgb(49,124,115)
```
#317c79
```
#317c79 rgb(49,124,121)
```
#31797c
```
#31797c rgb(49,121,124)
```
#31737c
```
#31737c rgb(49,115,124)
```
#316d7c
```
#316d7c rgb(49,109,124)
```
#31667c
```
#31667c rgb(49,102,124)
```

Similar Colors

Text with hexadecimal color #31797c

This text has a font color of #31797c.

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

#31797c background color

This paragraph has a background color of #31797c.

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

#31797c border color

This element has a border color of #31797c.

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

CSS codes

.text {color:#31797c;}

.background {background-color:#31797c;}

.border {border:1px solid #31797c;}

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, #050b0c is the darkest color, while #fcfefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0a191a
```
#0a191a rgb(10,25,26)
```
#102728
```
#102728 rgb(16,39,40)
```
#153436
```
#153436 rgb(21,52,54)
```
#1b4244
```
#1b4244 rgb(27,66,68)
```
#205052
```
#205052 rgb(32,80,82)
```
#265e60
```
#265e60 rgb(38,94,96)
```
#2b6b6e
```
#2b6b6e rgb(43,107,110)
```
#31797c
```
#31797c rgb(49,121,124)
```
#37878a
```
#37878a rgb(55,135,138)
```
#3c9498
```
#3c9498 rgb(60,148,152)
```
#42a2a6
```
#42a2a6 rgb(66,162,166)
```
#47b0b4
```
#47b0b4 rgb(71,176,180)
```

Shade Color Variation

#54b7bb
```
#54b7bb rgb(84,183,187)
```
#62bdc1
```
#62bdc1 rgb(98,189,193)
```
#70c3c6
```
#70c3c6 rgb(112,195,198)
```
#7ec9cc
```
#7ec9cc rgb(126,201,204)
```
#8ccfd2
```
#8ccfd2 rgb(140,207,210)
```
#9ad5d7
```
#9ad5d7 rgb(154,213,215)
```
#a8dbdd
```
#a8dbdd rgb(168,219,221)
```
#b6e0e2
```
#b6e0e2 rgb(182,224,226)
```
#c4e6e8
```
#c4e6e8 rgb(196,230,232)
```
#d2eced
```
#d2eced rgb(210,236,237)
```
#e0f2f3
```
#e0f2f3 rgb(224,242,243)
```
#eef8f8
```
#eef8f8 rgb(238,248,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#525a5b
```
#525a5b rgb(82,90,91)
```
#4c6161
```
#4c6161 rgb(76,97,97)
```
#456768
```
#456768 rgb(69,103,104)
```
#3e6d6f
```
#3e6d6f rgb(62,109,111)
```
#387375
```
#387375 rgb(56,115,117)
```
#31797c
```
#31797c rgb(49,121,124)
```
#2a7f83
```
#2a7f83 rgb(42,127,131)
```
#248589
```
#248589 rgb(36,133,137)
```
#1d8b90
```
#1d8b90 rgb(29,139,144)
```
#169197
```
#169197 rgb(22,145,151)
```
#10989d
```
#10989d rgb(16,152,157)
```
#099ea4
```
#099ea4 rgb(9,158,164)
```
#02a4ab
```
#02a4ab rgb(2,164,171)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5a6869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76757c Protanopia 1% of men
#787387 Deuteranopia 1% of men
#3e7f88 Tritanopia 0.001% of the population

Trichromacy

#5c767c Protanomaly 1% of men, 0.01% of women
#5e7583 Deuteranomaly 6% of men, 0.4% of women
#397c83 Tritanomaly 0.01% of the population

#31797c hex color

#31797c Color Information

#31797c Color Conversion

Color Schemes with #31797c

Alternatives to #31797c

#31797c Preview

Shades and Tints of #31797c

Tones of #31797c

Color Blindness Simulator