#31b198 hex color

In a RGB color space, hex #31b198 is composed of 19.2% red, 69.4% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 0% magenta, 14.1% yellow and 30.6% black. It has a hue angle of 168.3 degrees, a saturation of 56.6% and a lightness of 44.3%. #31b198 color hex could be obtained by blending #62ffff with #006331. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 69
- B 60
RGB color chart
- C 72
- M 0
- Y 14
- K 31
CMYK color chart

● #31b198 color description : Dark cyan.

The hexadecimal color #31b198 has RGB values of R:49, G:177, B:152 and CMYK values of C:0.72, M:0, Y:0.14, K:0.31. Its decimal value is 3256728.

Hex triplet	31b198	`#31b198`
RGB Decimal	49, 177, 152	`rgb(49,177,152)`
RGB Percent	19.2, 69.4, 59.6	`rgb(19.2%,69.4%,59.6%)`
CMYK	72, 0, 14, 31
HSL	168.3°, 56.6, 44.3	`hsl(168.3,56.6%,44.3%)`
HSV (or HSB)	168.3°, 72.3, 69.4
Web Safe	339999	`#339999`

CIE-LAB	65.249, -40.202, 2.895
XYZ	22.654, 34.362, 35.143
xyY	0.246, 0.373, 34.362
CIE-LCH	65.249, 40.307, 175.882
CIE-LUV	65.249, -48.37, 10.384
Hunter-Lab	58.619, -33.6, 5.489
Binary	00110001, 10110001, 10011000

#31b198
```
#31b198 rgb(49,177,152)
```
#b1314a
```
#b1314a rgb(177,49,74)
```

Complementary Color

#31b158
```
#31b158 rgb(49,177,88)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#318ab1
```
#318ab1 rgb(49,138,177)
```

Analogous Color

#b15831
```
#b15831 rgb(177,88,49)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#b1318a
```
#b1318a rgb(177,49,138)
```

Split Complementary Color

#b19831
```
#b19831 rgb(177,152,49)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#9831b1
```
#9831b1 rgb(152,49,177)
```

Triadic Color

#4ab131
```
#4ab131 rgb(74,177,49)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#9831b1
```
#9831b1 rgb(152,49,177)
```
#b1314a
```
#b1314a rgb(177,49,74)
```

Tetradic Color

#207565
```
#207565 rgb(32,117,101)
```
#268976
```
#268976 rgb(38,137,118)
```
#2b9d87
```
#2b9d87 rgb(43,157,135)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#37c5a9
```
#37c5a9 rgb(55,197,169)
```
#49ccb3
```
#49ccb3 rgb(73,204,179)
```
#5cd2bb
```
#5cd2bb rgb(92,210,187)
```

Monochromatic Color

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

#31b178
```
#31b178 rgb(49,177,120)
```
#31b183
```
#31b183 rgb(49,177,131)
```
#31b18d
```
#31b18d rgb(49,177,141)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#31b1a3
```
#31b1a3 rgb(49,177,163)
```
#31b1ad
```
#31b1ad rgb(49,177,173)
```
#31aab1
```
#31aab1 rgb(49,170,177)
```

Similar Colors

Text with hexadecimal color #31b198

This text has a font color of #31b198.

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

#31b198 background color

This paragraph has a background color of #31b198.

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

#31b198 border color

This element has a border color of #31b198.

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

CSS codes

.text {color:#31b198;}

.background {background-color:#31b198;}

.border {border:1px solid #31b198;}

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

#020807
```
#020807 rgb(2,8,7)
```
#061714
```
#061714 rgb(6,23,20)
```
#0b2721
```
#0b2721 rgb(11,39,33)
```
#0f362e
```
#0f362e rgb(15,54,46)
```
#13453c
```
#13453c rgb(19,69,60)
```
#175549
```
#175549 rgb(23,85,73)
```
#1c6456
```
#1c6456 rgb(28,100,86)
```
#207463
```
#207463 rgb(32,116,99)
```
#248370
```
#248370 rgb(36,131,112)
```
#28927e
```
#28927e rgb(40,146,126)
```
#2da28b
```
#2da28b rgb(45,162,139)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#35c0a5
```
#35c0a5 rgb(53,192,165)
```

Shade Color Variation

#3fcaaf
```
#3fcaaf rgb(63,202,175)
```
#4fceb5
```
#4fceb5 rgb(79,206,181)
```
#5ed2bc
```
#5ed2bc rgb(94,210,188)
```
#6dd7c2
```
#6dd7c2 rgb(109,215,194)
```
#7ddbc9
```
#7ddbc9 rgb(125,219,201)
```
#8cdfcf
```
#8cdfcf rgb(140,223,207)
```
#9be3d5
```
#9be3d5 rgb(155,227,213)
```
#abe8dc
```
#abe8dc rgb(171,232,220)
```
#baece2
```
#baece2 rgb(186,236,226)
```
#caf0e9
```
#caf0e9 rgb(202,240,233)
```
#d9f4ef
```
#d9f4ef rgb(217,244,239)
```
#e8f9f6
```
#e8f9f6 rgb(232,249,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7473 is the less saturated color, while #06dcb2 is the most saturated one.

#6e7473
```
#6e7473 rgb(110,116,115)
```
#657d78
```
#657d78 rgb(101,125,120)
```
#5c867e
```
#5c867e rgb(92,134,126)
```
#548e83
```
#548e83 rgb(84,142,131)
```
#4b9788
```
#4b9788 rgb(75,151,136)
```
#42a08d
```
#42a08d rgb(66,160,141)
```
#3aa893
```
#3aa893 rgb(58,168,147)
```
#31b198
```
#31b198 rgb(49,177,152)
```
#28ba9d
```
#28ba9d rgb(40,186,157)
```
#20c2a3
```
#20c2a3 rgb(32,194,163)
```
#17cba8
```
#17cba8 rgb(23,203,168)
```
#0ed4ad
```
#0ed4ad rgb(14,212,173)
```
#06dcb2
```
#06dcb2 rgb(6,220,178)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#77908b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a294 Protanopia 1% of men
#b19ea5 Deuteranopia 1% of men
#4fb0bd Tritanopia 0.001% of the population

Trichromacy

#7da795 Protanomaly 1% of men, 0.01% of women
#82a5a0 Deuteranomaly 6% of men, 0.4% of women
#44b0af Tritanomaly 0.01% of the population

#31b198 hex color

#31b198 Color Information

#31b198 Color Conversion

Color Schemes with #31b198

Alternatives to #31b198

#31b198 Preview

Shades and Tints of #31b198

Tones of #31b198

Color Blindness Simulator