#31c6b0 hex color

In a RGB color space, hex #31c6b0 is composed of 19.2% red, 77.6% green and 69% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 0% magenta, 11.1% yellow and 22.4% black. It has a hue angle of 171.1 degrees, a saturation of 60.3% and a lightness of 48.4%. #31c6b0 color hex could be obtained by blending #62ffff with #008d61. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 78
- B 69
RGB color chart
- C 75
- M 0
- Y 11
- K 22
CMYK color chart

● #31c6b0 color description : Strong cyan.

The hexadecimal color #31c6b0 has RGB values of R:49, G:198, B:176 and CMYK values of C:0.75, M:0, Y:0.11, K:0.22. Its decimal value is 3262128.

Hex triplet	31c6b0	`#31c6b0`
RGB Decimal	49, 198, 176	`rgb(49,198,176)`
RGB Percent	19.2, 77.6, 69	`rgb(19.2%,77.6%,69%)`
CMYK	75, 0, 11, 22
HSL	171.1°, 60.3, 48.4	`hsl(171.1,60.3%,48.4%)`
HSV (or HSB)	171.1°, 75.3, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.344, -43.05, 0.045
XYZ	29.295, 44.173, 48.054
xyY	0.241, 0.363, 44.173
CIE-LCH	72.344, 43.05, 179.94
CIE-LUV	72.344, -54.249, 6.753
Hunter-Lab	66.463, -37.633, 3.656
Binary	00110001, 11000110, 10110000

#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#c63147
```
#c63147 rgb(198,49,71)
```

Complementary Color

#31c666
```
#31c666 rgb(49,198,102)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#3192c6
```
#3192c6 rgb(49,146,198)
```

Analogous Color

#c66631
```
#c66631 rgb(198,102,49)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#c63192
```
#c63192 rgb(198,49,146)
```

Split Complementary Color

#c6b031
```
#c6b031 rgb(198,176,49)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#b031c6
```
#b031c6 rgb(176,49,198)
```

Triadic Color

#47c631
```
#47c631 rgb(71,198,49)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#b031c6
```
#b031c6 rgb(176,49,198)
```
#c63147
```
#c63147 rgb(198,49,71)
```

Tetradic Color

#228979
```
#228979 rgb(34,137,121)
```
#279d8c
```
#279d8c rgb(39,157,140)
```
#2cb29e
```
#2cb29e rgb(44,178,158)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#41d0bb
```
#41d0bb rgb(65,208,187)
```
#55d5c2
```
#55d5c2 rgb(85,213,194)
```
#69dac9
```
#69dac9 rgb(105,218,201)
```

Monochromatic Color

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

#31c68b
```
#31c68b rgb(49,198,139)
```
#31c697
```
#31c697 rgb(49,198,151)
```
#31c6a4
```
#31c6a4 rgb(49,198,164)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#31c6bc
```
#31c6bc rgb(49,198,188)
```
#31c3c6
```
#31c3c6 rgb(49,195,198)
```
#31b7c6
```
#31b7c6 rgb(49,183,198)
```

Similar Colors

Text with hexadecimal color #31c6b0

This text has a font color of #31c6b0.

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

#31c6b0 background color

This paragraph has a background color of #31c6b0.

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

#31c6b0 border color

This element has a border color of #31c6b0.

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

CSS codes

.text {color:#31c6b0;}

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

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

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

#020908
```
#020908 rgb(2,9,8)
```
#061916
```
#061916 rgb(6,25,22)
```
#0a2924
```
#0a2924 rgb(10,41,36)
```
#0e3832
```
#0e3832 rgb(14,56,50)
```
#124840
```
#124840 rgb(18,72,64)
```
#16584e
```
#16584e rgb(22,88,78)
```
#1a685c
```
#1a685c rgb(26,104,92)
```
#1e776a
```
#1e776a rgb(30,119,106)
```
#218778
```
#218778 rgb(33,135,120)
```
#259786
```
#259786 rgb(37,151,134)
```
#29a794
```
#29a794 rgb(41,167,148)
```
#2db6a2
```
#2db6a2 rgb(45,182,162)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```

Shade Color Variation

#3ccfb9
```
#3ccfb9 rgb(60,207,185)
```
#4cd3bf
```
#4cd3bf rgb(76,211,191)
```
#5bd6c4
```
#5bd6c4 rgb(91,214,196)
```
#6bdaca
```
#6bdaca rgb(107,218,202)
```
#7bded0
```
#7bded0 rgb(123,222,208)
```
#8be2d5
```
#8be2d5 rgb(139,226,213)
```
#9ae6db
```
#9ae6db rgb(154,230,219)
```
#aaeae1
```
#aaeae1 rgb(170,234,225)
```
#baeee6
```
#baeee6 rgb(186,238,230)
```
#c9f2ec
```
#c9f2ec rgb(201,242,236)
```
#d9f6f1
```
#d9f6f1 rgb(217,246,241)
```
#e9faf7
```
#e9faf7 rgb(233,250,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#748481
```
#748481 rgb(116,132,129)
```
#6a8d88
```
#6a8d88 rgb(106,141,136)
```
#61978f
```
#61978f rgb(97,151,143)
```
#57a095
```
#57a095 rgb(87,160,149)
```
#4eaa9c
```
#4eaa9c rgb(78,170,156)
```
#44b3a3
```
#44b3a3 rgb(68,179,163)
```
#3bbda9
```
#3bbda9 rgb(59,189,169)
```
#31c6b0
```
#31c6b0 rgb(49,198,176)
```
#28d0b7
```
#28d0b7 rgb(40,208,183)
```
#1ed9bd
```
#1ed9bd rgb(30,217,189)
```
#15e3c4
```
#15e3c4 rgb(21,227,196)
```
#0beccb
```
#0beccb rgb(11,236,203)
```
#01f6d1
```
#01f6d1 rgb(1,246,209)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#83a09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb4a9 Protanopia 1% of men
#c2b0bc Deuteranopia 1% of men
#51c4d2 Tritanopia 0.001% of the population

Trichromacy

#89bbac Protanomaly 1% of men, 0.01% of women
#8db8b8 Deuteranomaly 6% of men, 0.4% of women
#45c4c6 Tritanomaly 0.01% of the population

#31c6b0 hex color

#31c6b0 Color Information

#31c6b0 Color Conversion

Color Schemes with #31c6b0

Alternatives to #31c6b0

#31c6b0 Preview

Shades and Tints of #31c6b0

Tones of #31c6b0

Color Blindness Simulator