#31ebc6 hex color

In a RGB color space, hex #31ebc6 is composed of 19.2% red, 92.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 15.7% yellow and 7.8% black. It has a hue angle of 168.1 degrees, a saturation of 82.3% and a lightness of 55.7%. #31ebc6 color hex could be obtained by blending #62ffff with #00d78d. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 92
- B 78
RGB color chart
- C 79
- M 0
- Y 16
- K 8
CMYK color chart

● #31ebc6 color description : Bright cyan.

The hexadecimal color #31ebc6 has RGB values of R:49, G:235, B:198 and CMYK values of C:0.79, M:0, Y:0.16, K:0.08. Its decimal value is 3271622.

Hex triplet	31ebc6	`#31ebc6`
RGB Decimal	49, 235, 198	`rgb(49,235,198)`
RGB Percent	19.2, 92.2, 77.6	`rgb(19.2%,92.2%,77.6%)`
CMYK	79, 0, 16, 8
HSL	168.1°, 82.3, 55.7	`hsl(168.1,82.3%,55.7%)`
HSV (or HSB)	168.1°, 79.1, 92.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.04, -52.912, 5.268
XYZ	41.164, 64.143, 63.634
xyY	0.244, 0.38, 64.143
CIE-LCH	84.04, 53.173, 174.314
CIE-LUV	84.04, -65.508, 16.461
Hunter-Lab	80.089, -48.41, 8.954
Binary	00110001, 11101011, 11000110

#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#eb3156
```
#eb3156 rgb(235,49,86)
```

Complementary Color

#31eb69
```
#31eb69 rgb(49,235,105)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#31b3eb
```
#31b3eb rgb(49,179,235)
```

Analogous Color

#eb6931
```
#eb6931 rgb(235,105,49)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#eb31b3
```
#eb31b3 rgb(235,49,179)
```

Split Complementary Color

#ebc631
```
#ebc631 rgb(235,198,49)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#c631eb
```
#c631eb rgb(198,49,235)
```

Triadic Color

#56eb31
```
#56eb31 rgb(86,235,49)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#c631eb
```
#c631eb rgb(198,49,235)
```
#eb3156
```
#eb3156 rgb(235,49,86)
```

Tetradic Color

#12bd9b
```
#12bd9b rgb(18,189,155)
```
#15d4ae
```
#15d4ae rgb(21,212,174)
```
#1ae9c0
```
#1ae9c0 rgb(26,233,192)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#48edcc
```
#48edcc rgb(72,237,204)
```
#5ff0d3
```
#5ff0d3 rgb(95,240,211)
```
#77f2d9
```
#77f2d9 rgb(119,242,217)
```

Monochromatic Color

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

#31eb98
```
#31eb98 rgb(49,235,152)
```
#31eba7
```
#31eba7 rgb(49,235,167)
```
#31ebb7
```
#31ebb7 rgb(49,235,183)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#31ebd6
```
#31ebd6 rgb(49,235,214)
```
#31ebe5
```
#31ebe5 rgb(49,235,229)
```
#31e2eb
```
#31e2eb rgb(49,226,235)
```

Similar Colors

Text with hexadecimal color #31ebc6

This text has a font color of #31ebc6.

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

#31ebc6 background color

This paragraph has a background color of #31ebc6.

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

#31ebc6 border color

This element has a border color of #31ebc6.

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

CSS codes

.text {color:#31ebc6;}

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

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

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

#010907
```
#010907 rgb(1,9,7)
```
#031a16
```
#031a16 rgb(3,26,22)
```
#042c24
```
#042c24 rgb(4,44,36)
```
#063e33
```
#063e33 rgb(6,62,51)
```
#085042
```
#085042 rgb(8,80,66)
```
#0a6250
```
#0a6250 rgb(10,98,80)
```
#0b745f
```
#0b745f rgb(11,116,95)
```
#0d866e
```
#0d866e rgb(13,134,110)
```
#0f987c
```
#0f987c rgb(15,152,124)
```
#10a98b
```
#10a98b rgb(16,169,139)
```
#12bb9a
```
#12bb9a rgb(18,187,154)
```
#14cda8
```
#14cda8 rgb(20,205,168)
```
#16dfb7
```
#16dfb7 rgb(22,223,183)
```

Shade Color Variation

#1fe9c1
```
#1fe9c1 rgb(31,233,193)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#43edcb
```
#43edcb rgb(67,237,203)
```
#55eed0
```
#55eed0 rgb(85,238,208)
```
#67f0d5
```
#67f0d5 rgb(103,240,213)
```
#79f2da
```
#79f2da rgb(121,242,218)
```
#8af4df
```
#8af4df rgb(138,244,223)
```
#9cf5e4
```
#9cf5e4 rgb(156,245,228)
```
#aef7e9
```
#aef7e9 rgb(174,247,233)
```
#c0f9ee
```
#c0f9ee rgb(192,249,238)
```
#d2fbf3
```
#d2fbf3 rgb(210,251,243)
```
#e4fcf7
```
#e4fcf7 rgb(228,252,247)
```
#f6fefc
```
#f6fefc rgb(246,254,252)
```

Tint Color Variation

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

#889492
```
#889492 rgb(136,148,146)
```
#7f9d97
```
#7f9d97 rgb(127,157,151)
```
#77a59c
```
#77a59c rgb(119,165,156)
```
#6eaea1
```
#6eaea1 rgb(110,174,161)
```
#65b7a7
```
#65b7a7 rgb(101,183,167)
```
#5cc0ac
```
#5cc0ac rgb(92,192,172)
```
#54c8b1
```
#54c8b1 rgb(84,200,177)
```
#4bd1b6
```
#4bd1b6 rgb(75,209,182)
```
#42dabc
```
#42dabc rgb(66,218,188)
```
#3ae2c1
```
#3ae2c1 rgb(58,226,193)
```
#31ebc6
```
#31ebc6 rgb(49,235,198)
```
#28f4cb
```
#28f4cb rgb(40,244,203)
```
#20fcd0
```
#20fcd0 rgb(32,252,208)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#96bbb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd3bc Protanopia 1% of men
#e7cdd3 Deuteranopia 1% of men
#5ee5f6 Tritanopia 0.001% of the population

Trichromacy

#9edbc0 Protanomaly 1% of men, 0.01% of women
#a5d8ce Deuteranomaly 6% of men, 0.4% of women
#4ee7e4 Tritanomaly 0.01% of the population

#31ebc6 hex color

#31ebc6 Color Information

#31ebc6 Color Conversion

Color Schemes with #31ebc6

Alternatives to #31ebc6

#31ebc6 Preview

Shades and Tints of #31ebc6

Tones of #31ebc6

Color Blindness Simulator