#31ba9b hex color

In a RGB color space, hex #31ba9b is composed of 19.2% red, 72.9% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 0% magenta, 16.7% yellow and 27.1% black. It has a hue angle of 166.4 degrees, a saturation of 58.3% and a lightness of 46.1%. #31ba9b color hex could be obtained by blending #62ffff with #007537. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 73
- B 61
RGB color chart
- C 74
- M 0
- Y 17
- K 27
CMYK color chart

● #31ba9b color description : Moderate cyan.

The hexadecimal color #31ba9b has RGB values of R:49, G:186, B:155 and CMYK values of C:0.74, M:0, Y:0.17, K:0.27. Its decimal value is 3259035.

Hex triplet	31ba9b	`#31ba9b`
RGB Decimal	49, 186, 155	`rgb(49,186,155)`
RGB Percent	19.2, 72.9, 60.8	`rgb(19.2%,72.9%,60.8%)`
CMYK	74, 0, 17, 27
HSL	166.4°, 58.3, 46.1	`hsl(166.4,58.3%,46.1%)`
HSV (or HSB)	166.4°, 73.7, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.12, -43.342, 5.387
XYZ	24.74, 38.135, 37.065
xyY	0.248, 0.382, 38.135
CIE-LCH	68.12, 43.676, 172.915
CIE-LUV	68.12, -51.415, 14.574
Hunter-Lab	61.754, -36.558, 7.641
Binary	00110001, 10111010, 10011011

#31ba9b
```
#31ba9b rgb(49,186,155)
```
#ba3150
```
#ba3150 rgb(186,49,80)
```

Complementary Color

#31ba57
```
#31ba57 rgb(49,186,87)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#3195ba
```
#3195ba rgb(49,149,186)
```

Analogous Color

#ba5731
```
#ba5731 rgb(186,87,49)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#ba3195
```
#ba3195 rgb(186,49,149)
```

Split Complementary Color

#ba9b31
```
#ba9b31 rgb(186,155,49)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#9b31ba
```
#9b31ba rgb(155,49,186)
```

Triadic Color

#50ba31
```
#50ba31 rgb(80,186,49)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#9b31ba
```
#9b31ba rgb(155,49,186)
```
#ba3150
```
#ba3150 rgb(186,49,80)
```

Tetradic Color

#217d69
```
#217d69 rgb(33,125,105)
```
#269279
```
#269279 rgb(38,146,121)
```
#2ca68a
```
#2ca68a rgb(44,166,138)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#3acbaa
```
#3acbaa rgb(58,203,170)
```
#4ed0b3
```
#4ed0b3 rgb(78,208,179)
```
#62d6bb
```
#62d6bb rgb(98,214,187)
```

Monochromatic Color

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

#31ba79
```
#31ba79 rgb(49,186,121)
```
#31ba84
```
#31ba84 rgb(49,186,132)
```
#31ba90
```
#31ba90 rgb(49,186,144)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#31baa6
```
#31baa6 rgb(49,186,166)
```
#31bab2
```
#31bab2 rgb(49,186,178)
```
#31b7ba
```
#31b7ba rgb(49,183,186)
```

Similar Colors

Text with hexadecimal color #31ba9b

This text has a font color of #31ba9b.

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

#31ba9b background color

This paragraph has a background color of #31ba9b.

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

#31ba9b border color

This element has a border color of #31ba9b.

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

CSS codes

.text {color:#31ba9b;}

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

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

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, #040f0d is the darkest color, while #ffffff is the lightest one.

#040f0d
```
#040f0d rgb(4,15,13)
```
#081f1a
```
#081f1a rgb(8,31,26)
```
#0c2e27
```
#0c2e27 rgb(12,46,39)
```
#103e33
```
#103e33 rgb(16,62,51)
```
#144d40
```
#144d40 rgb(20,77,64)
```
#185d4d
```
#185d4d rgb(24,93,77)
```
#1d6c5a
```
#1d6c5a rgb(29,108,90)
```
#217c67
```
#217c67 rgb(33,124,103)
```
#258b74
```
#258b74 rgb(37,139,116)
```
#299b81
```
#299b81 rgb(41,155,129)
```
#2daa8e
```
#2daa8e rgb(45,170,142)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#35caa8
```
#35caa8 rgb(53,202,168)
```

Shade Color Variation

#44ceaf
```
#44ceaf rgb(68,206,175)
```
#54d2b5
```
#54d2b5 rgb(84,210,181)
```
#63d6bc
```
#63d6bc rgb(99,214,188)
```
#73dac3
```
#73dac3 rgb(115,218,195)
```
#82dec9
```
#82dec9 rgb(130,222,201)
```
#92e2d0
```
#92e2d0 rgb(146,226,208)
```
#a2e6d7
```
#a2e6d7 rgb(162,230,215)
```
#b1eadd
```
#b1eadd rgb(177,234,221)
```
#c1efe4
```
#c1efe4 rgb(193,239,228)
```
#d0f3eb
```
#d0f3eb rgb(208,243,235)
```
#e0f7f2
```
#e0f7f2 rgb(224,247,242)
```
#effbf8
```
#effbf8 rgb(239,251,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#707b78
```
#707b78 rgb(112,123,120)
```
#67847d
```
#67847d rgb(103,132,125)
```
#5e8d82
```
#5e8d82 rgb(94,141,130)
```
#559687
```
#559687 rgb(85,150,135)
```
#4c9f8c
```
#4c9f8c rgb(76,159,140)
```
#43a891
```
#43a891 rgb(67,168,145)
```
#3ab196
```
#3ab196 rgb(58,177,150)
```
#31ba9b
```
#31ba9b rgb(49,186,155)
```
#28c3a0
```
#28c3a0 rgb(40,195,160)
```
#1fcca5
```
#1fcca5 rgb(31,204,165)
```
#16d5aa
```
#16d5aa rgb(22,213,170)
```
#0ddeaf
```
#0ddeaf rgb(13,222,175)
```
#04e7b4
```
#04e7b4 rgb(4,231,180)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7b9791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa96 Protanopia 1% of men
#bba5a8 Deuteranopia 1% of men
#53b8c5 Tritanopia 0.001% of the population

Trichromacy

#83af98 Protanomaly 1% of men, 0.01% of women
#88aca3 Deuteranomaly 6% of men, 0.4% of women
#46b8b6 Tritanomaly 0.01% of the population

#31ba9b hex color

#31ba9b Color Information

#31ba9b Color Conversion

Color Schemes with #31ba9b

Alternatives to #31ba9b

#31ba9b Preview

Shades and Tints of #31ba9b

Tones of #31ba9b

Color Blindness Simulator