#31c7be hex color

In a RGB color space, hex #31c7be is composed of 19.2% red, 78% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 4.5% yellow and 22% black. It has a hue angle of 176.4 degrees, a saturation of 60.5% and a lightness of 48.6%. #31c7be color hex could be obtained by blending #62ffff with #008f7d. Closest websafe color is: #33cccc.

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

● #31c7be color description : Strong cyan.

The hexadecimal color #31c7be has RGB values of R:49, G:199, B:190 and CMYK values of C:0.75, M:0, Y:0.05, K:0.22. Its decimal value is 3262398.

Hex triplet	31c7be	`#31c7be`
RGB Decimal	49, 199, 190	`rgb(49,199,190)`
RGB Percent	19.2, 78, 74.5	`rgb(19.2%,78%,74.5%)`
CMYK	75, 0, 5, 22
HSL	176.4°, 60.5, 48.6	`hsl(176.4,60.5%,48.6%)`
HSV (or HSB)	176.4°, 75.4, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.033, -39.658, -6.551
XYZ	30.981, 45.215, 55.807
xyY	0.235, 0.343, 45.215
CIE-LCH	73.033, 40.195, 189.38
CIE-LUV	73.033, -53.617, -3.923
Hunter-Lab	67.242, -35.43, -2.138
Binary	00110001, 11000111, 10111110

#31c7be
```
#31c7be rgb(49,199,190)
```
#c7313a
```
#c7313a rgb(199,49,58)
```

Complementary Color

#31c773
```
#31c773 rgb(49,199,115)
```
#31c7be
```
#31c7be rgb(49,199,190)
```
#3185c7
```
#3185c7 rgb(49,133,199)
```

Analogous Color

#c77331
```
#c77331 rgb(199,115,49)
```
#31c7be
```
#31c7be rgb(49,199,190)
```
#c73185
```
#c73185 rgb(199,49,133)
```

Split Complementary Color

#c7be31
```
#c7be31 rgb(199,190,49)
```
#31c7be
```
#31c7be rgb(49,199,190)
```
#be31c7
```
#be31c7 rgb(190,49,199)
```

Triadic Color

#3ac731
```
#3ac731 rgb(58,199,49)
```
#31c7be
```
#31c7be rgb(49,199,190)
```
#be31c7
```
#be31c7 rgb(190,49,199)
```
#c7313a
```
#c7313a rgb(199,49,58)
```

Tetradic Color

#228a83
```
#228a83 rgb(34,138,131)
```
#279e97
```
#279e97 rgb(39,158,151)
```
#2cb3aa
```
#2cb3aa rgb(44,179,170)
```
#31c7be
```
#31c7be rgb(49,199,190)
```
#41d0c8
```
#41d0c8 rgb(65,208,200)
```
#56d5ce
```
#56d5ce rgb(86,213,206)
```
#6adad4
```
#6adad4 rgb(106,218,212)
```

Monochromatic Color

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

#31c799
```
#31c799 rgb(49,199,153)
```
#31c7a5
```
#31c7a5 rgb(49,199,165)
```
#31c7b2
```
#31c7b2 rgb(49,199,178)
```
#31c7be
```
#31c7be rgb(49,199,190)
```
#31c4c7
```
#31c4c7 rgb(49,196,199)
```
#31b7c7
```
#31b7c7 rgb(49,183,199)
```
#31abc7
```
#31abc7 rgb(49,171,199)
```

Similar Colors

Text with hexadecimal color #31c7be

This text has a font color of #31c7be.

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

#31c7be background color

This paragraph has a background color of #31c7be.

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

#31c7be border color

This element has a border color of #31c7be.

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

CSS codes

.text {color:#31c7be;}

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

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

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, #020a0a is the darkest color, while #f9fefd is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#061a19
```
#061a19 rgb(6,26,25)
```
#0a2a28
```
#0a2a28 rgb(10,42,40)
```
#0e3937
```
#0e3937 rgb(14,57,55)
```
#124946
```
#124946 rgb(18,73,70)
```
#165955
```
#165955 rgb(22,89,85)
```
#1a6964
```
#1a6964 rgb(26,105,100)
```
#1e7873
```
#1e7873 rgb(30,120,115)
```
#218882
```
#218882 rgb(33,136,130)
```
#259891
```
#259891 rgb(37,152,145)
```
#29a8a0
```
#29a8a0 rgb(41,168,160)
```
#2db7af
```
#2db7af rgb(45,183,175)
```
#31c7be
```
#31c7be rgb(49,199,190)
```

Shade Color Variation

#3dcfc6
```
#3dcfc6 rgb(61,207,198)
```
#4cd3cb
```
#4cd3cb rgb(76,211,203)
```
#5cd7cf
```
#5cd7cf rgb(92,215,207)
```
#6cdbd4
```
#6cdbd4 rgb(108,219,212)
```
#7bdfd9
```
#7bdfd9 rgb(123,223,217)
```
#8be2dd
```
#8be2dd rgb(139,226,221)
```
#9be6e2
```
#9be6e2 rgb(155,230,226)
```
#abeae6
```
#abeae6 rgb(171,234,230)
```
#baeeeb
```
#baeeeb rgb(186,238,235)
```
#caf2f0
```
#caf2f0 rgb(202,242,240)
```
#daf6f4
```
#daf6f4 rgb(218,246,244)
```
#eafaf9
```
#eafaf9 rgb(234,250,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#748483
```
#748483 rgb(116,132,131)
```
#6a8e8c
```
#6a8e8c rgb(106,142,140)
```
#619794
```
#619794 rgb(97,151,148)
```
#57a19c
```
#57a19c rgb(87,161,156)
```
#4eaaa5
```
#4eaaa5 rgb(78,170,165)
```
#44b4ad
```
#44b4ad rgb(68,180,173)
```
#3bbdb6
```
#3bbdb6 rgb(59,189,182)
```
#31c7be
```
#31c7be rgb(49,199,190)
```
#27d1c6
```
#27d1c6 rgb(39,209,198)
```
#1edacf
```
#1edacf rgb(30,218,207)
```
#14e4d7
```
#14e4d7 rgb(20,228,215)
```
#0bede0
```
#0bede0 rgb(11,237,224)
```
#01f7e8
```
#01f7e8 rgb(1,247,232)
```

Tone Color Variation

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

#bab6b6 Protanopia 1% of men
#bfb2c9 Deuteranopia 1% of men
#4cc6d5 Tritanopia 0.001% of the population

Trichromacy

#88bcb9 Protanomaly 1% of men, 0.01% of women
#8bbac5 Deuteranomaly 6% of men, 0.4% of women
#42c6cc Tritanomaly 0.01% of the population

#31c7be hex color

#31c7be Color Information

#31c7be Color Conversion

Color Schemes with #31c7be

Alternatives to #31c7be

#31c7be Preview

Shades and Tints of #31c7be

Tones of #31c7be

Color Blindness Simulator