#31c8ba hex color

In a RGB color space, hex #31c8ba is composed of 19.2% red, 78.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 0% magenta, 7% yellow and 21.6% black. It has a hue angle of 174.4 degrees, a saturation of 60.6% and a lightness of 48.8%. #31c8ba color hex could be obtained by blending #62ffff with #009175. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 78
- B 73
RGB color chart
- C 76
- M 0
- Y 7
- K 22
CMYK color chart

● #31c8ba color description : Strong cyan.

The hexadecimal color #31c8ba has RGB values of R:49, G:200, B:186 and CMYK values of C:0.76, M:0, Y:0.07, K:0.22. Its decimal value is 3262650.

Hex triplet	31c8ba	`#31c8ba`
RGB Decimal	49, 200, 186	`rgb(49,200,186)`
RGB Percent	19.2, 78.4, 72.9	`rgb(19.2%,78.4%,72.9%)`
CMYK	76, 0, 7, 22
HSL	174.4°, 60.6, 48.8	`hsl(174.4,60.6%,48.8%)`
HSV (or HSB)	174.4°, 75.5, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.222, -41.218, -4.099
XYZ	30.781, 45.504, 53.613
xyY	0.237, 0.35, 45.504
CIE-LCH	73.222, 41.421, 185.679
CIE-LUV	73.222, -54.252, 0.137
Hunter-Lab	67.456, -36.598, 0.097
Binary	00110001, 11001000, 10111010

#31c8ba
```
#31c8ba rgb(49,200,186)
```
#c8313f
```
#c8313f rgb(200,49,63)
```

Complementary Color

#31c86f
```
#31c86f rgb(49,200,111)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```
#318bc8
```
#318bc8 rgb(49,139,200)
```

Analogous Color

#c86f31
```
#c86f31 rgb(200,111,49)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```
#c8318b
```
#c8318b rgb(200,49,139)
```

Split Complementary Color

#c8ba31
```
#c8ba31 rgb(200,186,49)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```
#ba31c8
```
#ba31c8 rgb(186,49,200)
```

Triadic Color

#3fc831
```
#3fc831 rgb(63,200,49)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```
#ba31c8
```
#ba31c8 rgb(186,49,200)
```
#c8313f
```
#c8313f rgb(200,49,63)
```

Tetradic Color

#228b81
```
#228b81 rgb(34,139,129)
```
#279f94
```
#279f94 rgb(39,159,148)
```
#2cb4a7
```
#2cb4a7 rgb(44,180,167)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```
#42d1c3
```
#42d1c3 rgb(66,209,195)
```
#56d6ca
```
#56d6ca rgb(86,214,202)
```
#6bdbd0
```
#6bdbd0 rgb(107,219,208)
```

Monochromatic Color

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

#31c894
```
#31c894 rgb(49,200,148)
```
#31c8a1
```
#31c8a1 rgb(49,200,161)
```
#31c8ad
```
#31c8ad rgb(49,200,173)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```
#31c8c7
```
#31c8c7 rgb(49,200,199)
```
#31bdc8
```
#31bdc8 rgb(49,189,200)
```
#31b0c8
```
#31b0c8 rgb(49,176,200)
```

Similar Colors

Text with hexadecimal color #31c8ba

This text has a font color of #31c8ba.

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

#31c8ba background color

This paragraph has a background color of #31c8ba.

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

#31c8ba border color

This element has a border color of #31c8ba.

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

CSS codes

.text {color:#31c8ba;}

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

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

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, #030b0a is the darkest color, while #fafefd is the lightest one.

#030b0a
```
#030b0a rgb(3,11,10)
```
#071b19
```
#071b19 rgb(7,27,25)
```
#0a2a27
```
#0a2a27 rgb(10,42,39)
```
#0e3a36
```
#0e3a36 rgb(14,58,54)
```
#124a45
```
#124a45 rgb(18,74,69)
```
#165a53
```
#165a53 rgb(22,90,83)
```
#1a6962
```
#1a6962 rgb(26,105,98)
```
#1e7971
```
#1e7971 rgb(30,121,113)
```
#22897f
```
#22897f rgb(34,137,127)
```
#25998e
```
#25998e rgb(37,153,142)
```
#29a89d
```
#29a89d rgb(41,168,157)
```
#2db8ab
```
#2db8ab rgb(45,184,171)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```

Shade Color Variation

#3dcfc2
```
#3dcfc2 rgb(61,207,194)
```
#4dd3c7
```
#4dd3c7 rgb(77,211,199)
```
#5dd7cc
```
#5dd7cc rgb(93,215,204)
```
#6cdbd1
```
#6cdbd1 rgb(108,219,209)
```
#7cdfd6
```
#7cdfd6 rgb(124,223,214)
```
#8ce3db
```
#8ce3db rgb(140,227,219)
```
#9ce7e0
```
#9ce7e0 rgb(156,231,224)
```
#abebe5
```
#abebe5 rgb(171,235,229)
```
#bbeeea
```
#bbeeea rgb(187,238,234)
```
#cbf2ef
```
#cbf2ef rgb(203,242,239)
```
#dbf6f4
```
#dbf6f4 rgb(219,246,244)
```
#eafaf9
```
#eafaf9 rgb(234,250,249)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#748583
```
#748583 rgb(116,133,131)
```
#6a8f8b
```
#6a8f8b rgb(106,143,139)
```
#619893
```
#619893 rgb(97,152,147)
```
#57a29b
```
#57a29b rgb(87,162,155)
```
#4eaba3
```
#4eaba3 rgb(78,171,163)
```
#44b5aa
```
#44b5aa rgb(68,181,170)
```
#3bbeb2
```
#3bbeb2 rgb(59,190,178)
```
#31c8ba
```
#31c8ba rgb(49,200,186)
```
#27d2c2
```
#27d2c2 rgb(39,210,194)
```
#1edbca
```
#1edbca rgb(30,219,202)
```
#14e5d1
```
#14e5d1 rgb(20,229,209)
```
#0beed9
```
#0beed9 rgb(11,238,217)
```
#01f8e1
```
#01f8e1 rgb(1,248,225)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb6b2 Protanopia 1% of men
#c1b2c6 Deuteranopia 1% of men
#4ec7d5 Tritanopia 0.001% of the population

Trichromacy

#89bdb5 Protanomaly 1% of men, 0.01% of women
#8dbac1 Deuteranomaly 6% of men, 0.4% of women
#43c7cb Tritanomaly 0.01% of the population

#31c8ba hex color

#31c8ba Color Information

#31c8ba Color Conversion

Color Schemes with #31c8ba

Alternatives to #31c8ba

#31c8ba Preview

Shades and Tints of #31c8ba

Tones of #31c8ba

Color Blindness Simulator