#31b6b8 hex color

In a RGB color space, hex #31b6b8 is composed of 19.2% red, 71.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 1.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 180.9 degrees, a saturation of 57.9% and a lightness of 45.7%. #31b6b8 color hex could be obtained by blending #62ffff with #006d71. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 71
- B 72
RGB color chart
- C 73
- M 1
- Y 0
- K 28
CMYK color chart

● #31b6b8 color description : Moderate cyan.

The hexadecimal color #31b6b8 has RGB values of R:49, G:182, B:184 and CMYK values of C:0.73, M:0.01, Y:0, K:0.28. Its decimal value is 3258040.

Hex triplet	31b6b8	`#31b6b8`
RGB Decimal	49, 182, 184	`rgb(49,182,184)`
RGB Percent	19.2, 71.4, 72.2	`rgb(19.2%,71.4%,72.2%)`
CMYK	73, 1, 0, 28
HSL	180.9°, 57.9, 45.7	`hsl(180.9,57.9%,45.7%)`
HSV (or HSB)	180.9°, 73.4, 72.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.7, -33.546, -11.206
XYZ	26.644, 37.567, 51.192
xyY	0.231, 0.326, 37.567
CIE-LCH	67.7, 35.368, 198.471
CIE-LUV	67.7, -48.002, -12.082
Hunter-Lab	61.292, -29.667, -6.615
Binary	00110001, 10110110, 10111000

#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#b83331
```
#b83331 rgb(184,51,49)
```

Complementary Color

#31b877
```
#31b877 rgb(49,184,119)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#3173b8
```
#3173b8 rgb(49,115,184)
```

Analogous Color

#b87731
```
#b87731 rgb(184,119,49)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#b83173
```
#b83173 rgb(184,49,115)
```

Split Complementary Color

#b6b831
```
#b6b831 rgb(182,184,49)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#b831b6
```
#b831b6 rgb(184,49,182)
```

Triadic Color

#31b833
```
#31b833 rgb(49,184,51)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#b831b6
```
#b831b6 rgb(184,49,182)
```
#b83331
```
#b83331 rgb(184,51,49)
```

Tetradic Color

#217a7c
```
#217a7c rgb(33,122,124)
```
#268e90
```
#268e90 rgb(38,142,144)
```
#2ca2a4
```
#2ca2a4 rgb(44,162,164)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#38c8ca
```
#38c8ca rgb(56,200,202)
```
#4dcecf
```
#4dcecf rgb(77,206,207)
```
#61d3d5
```
#61d3d5 rgb(97,211,213)
```

Monochromatic Color

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

#31b898
```
#31b898 rgb(49,184,152)
```
#31b8a4
```
#31b8a4 rgb(49,184,164)
```
#31b8af
```
#31b8af rgb(49,184,175)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#31abb8
```
#31abb8 rgb(49,171,184)
```
#31a0b8
```
#31a0b8 rgb(49,160,184)
```
#3194b8
```
#3194b8 rgb(49,148,184)
```

Similar Colors

Text with hexadecimal color #31b6b8

This text has a font color of #31b6b8.

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

#31b6b8 background color

This paragraph has a background color of #31b6b8.

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

#31b6b8 border color

This element has a border color of #31b6b8.

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

CSS codes

.text {color:#31b6b8;}

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

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

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

#040d0e
```
#040d0e rgb(4,13,14)
```
#081d1d
```
#081d1d rgb(8,29,29)
```
#0c2c2d
```
#0c2c2d rgb(12,44,45)
```
#103b3c
```
#103b3c rgb(16,59,60)
```
#144b4c
```
#144b4c rgb(20,75,76)
```
#185a5b
```
#185a5b rgb(24,90,91)
```
#1c696b
```
#1c696b rgb(28,105,107)
```
#20797a
```
#20797a rgb(32,121,122)
```
#25888a
```
#25888a rgb(37,136,138)
```
#299799
```
#299799 rgb(41,151,153)
```
#2da7a9
```
#2da7a9 rgb(45,167,169)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#35c5c7
```
#35c5c7 rgb(53,197,199)
```

Shade Color Variation

#43cbcd
```
#43cbcd rgb(67,203,205)
```
#53cfd1
```
#53cfd1 rgb(83,207,209)
```
#62d4d5
```
#62d4d5 rgb(98,212,213)
```
#72d8d9
```
#72d8d9 rgb(114,216,217)
```
#81dcdd
```
#81dcdd rgb(129,220,221)
```
#91e0e2
```
#91e0e2 rgb(145,224,226)
```
#a0e5e6
```
#a0e5e6 rgb(160,229,230)
```
#b0e9ea
```
#b0e9ea rgb(176,233,234)
```
#bfedee
```
#bfedee rgb(191,237,238)
```
#cff2f2
```
#cff2f2 rgb(207,242,242)
```
#def6f6
```
#def6f6 rgb(222,246,246)
```
#eefafa
```
#eefafa rgb(238,250,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#707979
```
#707979 rgb(112,121,121)
```
#678282
```
#678282 rgb(103,130,130)
```
#5e8b8b
```
#5e8b8b rgb(94,139,139)
```
#559394
```
#559394 rgb(85,147,148)
```
#4c9c9d
```
#4c9c9d rgb(76,156,157)
```
#43a5a6
```
#43a5a6 rgb(67,165,166)
```
#3aadaf
```
#3aadaf rgb(58,173,175)
```
#31b6b8
```
#31b6b8 rgb(49,182,184)
```
#28bfc1
```
#28bfc1 rgb(40,191,193)
```
#1fc7ca
```
#1fc7ca rgb(31,199,202)
```
#16d0d3
```
#16d0d3 rgb(22,208,211)
```
#0dd9dc
```
#0dd9dc rgb(13,217,220)
```
#04e1e5
```
#04e1e5 rgb(4,225,229)
```

Tone Color Variation

Below, you can see how #31b6b8 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
#7b9696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a8b1 Protanopia 1% of men
#aca5c3 Deuteranopia 1% of men
#43b8c5 Tritanopia 0.001% of the population

Trichromacy

#7dadb4 Protanomaly 1% of men, 0.01% of women
#7fabbf Deuteranomaly 6% of men, 0.4% of women
#3db7c0 Tritanomaly 0.01% of the population

#31b6b8 hex color

#31b6b8 Color Information

#31b6b8 Color Conversion

Color Schemes with #31b6b8

Alternatives to #31b6b8

#31b6b8 Preview

Shades and Tints of #31b6b8

Tones of #31b6b8

Color Blindness Simulator