#31cebc hex color

In a RGB color space, hex #31cebc is composed of 19.2% red, 80.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 8.7% yellow and 19.2% black. It has a hue angle of 173.1 degrees, a saturation of 61.6% and a lightness of 50%. #31cebc color hex could be obtained by blending #62ffff with #009d79. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 81
- B 74
RGB color chart
- C 76
- M 0
- Y 9
- K 19
CMYK color chart

● #31cebc color description : Strong cyan.

The hexadecimal color #31cebc has RGB values of R:49, G:206, B:188 and CMYK values of C:0.76, M:0, Y:0.09, K:0.19. Its decimal value is 3264188.

Hex triplet	31cebc	`#31cebc`
RGB Decimal	49, 206, 188	`rgb(49,206,188)`
RGB Percent	19.2, 80.8, 73.7	`rgb(19.2%,80.8%,73.7%)`
CMYK	76, 0, 9, 19
HSL	173.1°, 61.6, 50	`hsl(173.1,61.6%,50%)`
HSV (or HSB)	173.1°, 76.2, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.091, -43.312, -2.432
XYZ	32.412, 48.423, 55.213
xyY	0.238, 0.356, 48.423
CIE-LCH	75.091, 43.381, 183.214
CIE-LUV	75.091, -56.217, 3.041
Hunter-Lab	69.587, -38.636, 1.668
Binary	00110001, 11001110, 10111100

#31cebc
```
#31cebc rgb(49,206,188)
```
#ce3143
```
#ce3143 rgb(206,49,67)
```

Complementary Color

#31ce6e
```
#31ce6e rgb(49,206,110)
```
#31cebc
```
#31cebc rgb(49,206,188)
```
#3192ce
```
#3192ce rgb(49,146,206)
```

Analogous Color

#ce6e31
```
#ce6e31 rgb(206,110,49)
```
#31cebc
```
#31cebc rgb(49,206,188)
```
#ce3192
```
#ce3192 rgb(206,49,146)
```

Split Complementary Color

#cebc31
```
#cebc31 rgb(206,188,49)
```
#31cebc
```
#31cebc rgb(49,206,188)
```
#bc31ce
```
#bc31ce rgb(188,49,206)
```

Triadic Color

#43ce31
```
#43ce31 rgb(67,206,49)
```
#31cebc
```
#31cebc rgb(49,206,188)
```
#bc31ce
```
#bc31ce rgb(188,49,206)
```
#ce3143
```
#ce3143 rgb(206,49,67)
```

Tetradic Color

#229084
```
#229084 rgb(34,144,132)
```
#27a596
```
#27a596 rgb(39,165,150)
```
#2cb9a9
```
#2cb9a9 rgb(44,185,169)
```
#31cebc
```
#31cebc rgb(49,206,188)
```
#46d3c3
```
#46d3c3 rgb(70,211,195)
```
#5ad8c9
```
#5ad8c9 rgb(90,216,201)
```
#6fddd0
```
#6fddd0 rgb(111,221,208)
```

Monochromatic Color

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

#31ce95
```
#31ce95 rgb(49,206,149)
```
#31cea2
```
#31cea2 rgb(49,206,162)
```
#31ceaf
```
#31ceaf rgb(49,206,175)
```
#31cebc
```
#31cebc rgb(49,206,188)
```
#31cec9
```
#31cec9 rgb(49,206,201)
```
#31c6ce
```
#31c6ce rgb(49,198,206)
```
#31b9ce
```
#31b9ce rgb(49,185,206)
```

Similar Colors

Text with hexadecimal color #31cebc

This text has a font color of #31cebc.

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

#31cebc background color

This paragraph has a background color of #31cebc.

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

#31cebc border color

This element has a border color of #31cebc.

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

CSS codes

.text {color:#31cebc;}

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

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

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

#04100e
```
#04100e rgb(4,16,14)
```
#08201d
```
#08201d rgb(8,32,29)
```
#0b302b
```
#0b302b rgb(11,48,43)
```
#0f3f3a
```
#0f3f3a rgb(15,63,58)
```
#134f48
```
#134f48 rgb(19,79,72)
```
#175f57
```
#175f57 rgb(23,95,87)
```
#1a6f65
```
#1a6f65 rgb(26,111,101)
```
#1e7f74
```
#1e7f74 rgb(30,127,116)
```
#228f82
```
#228f82 rgb(34,143,130)
```
#269e91
```
#269e91 rgb(38,158,145)
```
#29ae9f
```
#29ae9f rgb(41,174,159)
```
#2dbeae
```
#2dbeae rgb(45,190,174)
```
#31cebc
```
#31cebc rgb(49,206,188)
```

Shade Color Variation

#41d2c1
```
#41d2c1 rgb(65,210,193)
```
#51d6c6
```
#51d6c6 rgb(81,214,198)
```
#61d9cb
```
#61d9cb rgb(97,217,203)
```
#70ddd1
```
#70ddd1 rgb(112,221,209)
```
#80e1d6
```
#80e1d6 rgb(128,225,214)
```
#90e5db
```
#90e5db rgb(144,229,219)
```
#a0e8e0
```
#a0e8e0 rgb(160,232,224)
```
#b0ece5
```
#b0ece5 rgb(176,236,229)
```
#c0f0ea
```
#c0f0ea rgb(192,240,234)
```
#cff4f0
```
#cff4f0 rgb(207,244,240)
```
#dff7f5
```
#dff7f5 rgb(223,247,245)
```
#effbfa
```
#effbfa rgb(239,251,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8080 is the less saturated color, while #0af5da is the most saturated one.

#7f8080
```
#7f8080 rgb(127,128,128)
```
#768987
```
#768987 rgb(118,137,135)
```
#6c938f
```
#6c938f rgb(108,147,143)
```
#629d96
```
#629d96 rgb(98,157,150)
```
#58a79e
```
#58a79e rgb(88,167,158)
```
#4eb1a5
```
#4eb1a5 rgb(78,177,165)
```
#45baad
```
#45baad rgb(69,186,173)
```
#3bc4b4
```
#3bc4b4 rgb(59,196,180)
```
#31cebc
```
#31cebc rgb(49,206,188)
```
#27d8c4
```
#27d8c4 rgb(39,216,196)
```
#1de2cb
```
#1de2cb rgb(29,226,203)
```
#14ebd3
```
#14ebd3 rgb(20,235,211)
```
#0af5da
```
#0af5da rgb(10,245,218)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#87a7a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bbb4 Protanopia 1% of men
#c8b7c8 Deuteranopia 1% of men
#51ccdb Tritanopia 0.001% of the population

Trichromacy

#8dc2b7 Protanomaly 1% of men, 0.01% of women
#91bfc3 Deuteranomaly 6% of men, 0.4% of women
#45cccf Tritanomaly 0.01% of the population

#31cebc hex color

#31cebc Color Information

#31cebc Color Conversion

Color Schemes with #31cebc

Alternatives to #31cebc

#31cebc Preview

Shades and Tints of #31cebc

Tones of #31cebc

Color Blindness Simulator