#31c7bb hex color

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

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

● #31c7bb color description : Strong cyan.

The hexadecimal color #31c7bb has RGB values of R:49, G:199, B:187 and CMYK values of C:0.75, M:0, Y:0.06, K:0.22. Its decimal value is 3262395.

Hex triplet	31c7bb	`#31c7bb`
RGB Decimal	49, 199, 187	`rgb(49,199,187)`
RGB Percent	19.2, 78, 73.3	`rgb(19.2%,78%,73.3%)`
CMYK	75, 0, 6, 22
HSL	175.2°, 60.5, 48.6	`hsl(175.2,60.5%,48.6%)`
HSV (or HSB)	175.2°, 75.4, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.948, -40.496, -5.047
XYZ	30.657, 45.085, 54.097
xyY	0.236, 0.347, 45.085
CIE-LCH	72.948, 40.81, 187.104
CIE-LUV	72.948, -53.829, -1.445
Hunter-Lab	67.145, -36.005, -0.767
Binary	00110001, 11000111, 10111011

#31c7bb
```
#31c7bb rgb(49,199,187)
```
#c7313d
```
#c7313d rgb(199,49,61)
```

Complementary Color

#31c770
```
#31c770 rgb(49,199,112)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```
#3188c7
```
#3188c7 rgb(49,136,199)
```

Analogous Color

#c77031
```
#c77031 rgb(199,112,49)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```
#c73188
```
#c73188 rgb(199,49,136)
```

Split Complementary Color

#c7bb31
```
#c7bb31 rgb(199,187,49)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```
#bb31c7
```
#bb31c7 rgb(187,49,199)
```

Triadic Color

#3dc731
```
#3dc731 rgb(61,199,49)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```
#bb31c7
```
#bb31c7 rgb(187,49,199)
```
#c7313d
```
#c7313d rgb(199,49,61)
```

Tetradic Color

#228a81
```
#228a81 rgb(34,138,129)
```
#279e95
```
#279e95 rgb(39,158,149)
```
#2cb3a8
```
#2cb3a8 rgb(44,179,168)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```
#41d0c5
```
#41d0c5 rgb(65,208,197)
```
#56d5cb
```
#56d5cb rgb(86,213,203)
```
#6adad1
```
#6adad1 rgb(106,218,209)
```

Monochromatic Color

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

#31c796
```
#31c796 rgb(49,199,150)
```
#31c7a2
```
#31c7a2 rgb(49,199,162)
```
#31c7af
```
#31c7af rgb(49,199,175)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```
#31c7c7
```
#31c7c7 rgb(49,199,199)
```
#31bac7
```
#31bac7 rgb(49,186,199)
```
#31aec7
```
#31aec7 rgb(49,174,199)
```

Similar Colors

Text with hexadecimal color #31c7bb

This text has a font color of #31c7bb.

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

#31c7bb background color

This paragraph has a background color of #31c7bb.

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

#31c7bb border color

This element has a border color of #31c7bb.

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

CSS codes

.text {color:#31c7bb;}

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

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

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)
```
#061a18
```
#061a18 rgb(6,26,24)
```
#0a2a27
```
#0a2a27 rgb(10,42,39)
```
#0e3936
```
#0e3936 rgb(14,57,54)
```
#124945
```
#124945 rgb(18,73,69)
```
#165953
```
#165953 rgb(22,89,83)
```
#1a6962
```
#1a6962 rgb(26,105,98)
```
#1e7871
```
#1e7871 rgb(30,120,113)
```
#218880
```
#218880 rgb(33,136,128)
```
#25988f
```
#25988f rgb(37,152,143)
```
#29a89d
```
#29a89d rgb(41,168,157)
```
#2db7ac
```
#2db7ac rgb(45,183,172)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```

Shade Color Variation

#3dcfc3
```
#3dcfc3 rgb(61,207,195)
```
#4cd3c8
```
#4cd3c8 rgb(76,211,200)
```
#5cd7cd
```
#5cd7cd rgb(92,215,205)
```
#6cdbd2
```
#6cdbd2 rgb(108,219,210)
```
#7bdfd7
```
#7bdfd7 rgb(123,223,215)
```
#8be2dc
```
#8be2dc rgb(139,226,220)
```
#9be6e0
```
#9be6e0 rgb(155,230,224)
```
#abeae5
```
#abeae5 rgb(171,234,229)
```
#baeeea
```
#baeeea rgb(186,238,234)
```
#caf2ef
```
#caf2ef rgb(202,242,239)
```
#daf6f4
```
#daf6f4 rgb(218,246,244)
```
#eafaf8
```
#eafaf8 rgb(234,250,248)
```
#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 #01f7e3 is the most saturated one.

#748483
```
#748483 rgb(116,132,131)
```
#6a8e8b
```
#6a8e8b rgb(106,142,139)
```
#619793
```
#619793 rgb(97,151,147)
```
#57a19b
```
#57a19b rgb(87,161,155)
```
#4eaaa3
```
#4eaaa3 rgb(78,170,163)
```
#44b4ab
```
#44b4ab rgb(68,180,171)
```
#3bbdb3
```
#3bbdb3 rgb(59,189,179)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```
#27d1c3
```
#27d1c3 rgb(39,209,195)
```
#1edacb
```
#1edacb rgb(30,218,203)
```
#14e4d3
```
#14e4d3 rgb(20,228,211)
```
#0beddb
```
#0beddb rgb(11,237,219)
```
#01f7e3
```
#01f7e3 rgb(1,247,227)
```

Tone Color Variation

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

#bab6b3 Protanopia 1% of men
#c0b2c7 Deuteranopia 1% of men
#4dc6d4 Tritanopia 0.001% of the population

Trichromacy

#88bcb6 Protanomaly 1% of men, 0.01% of women
#8cb9c2 Deuteranomaly 6% of men, 0.4% of women
#43c6cb Tritanomaly 0.01% of the population

#31c7bb hex color

#31c7bb Color Information

#31c7bb Color Conversion

Color Schemes with #31c7bb

Alternatives to #31c7bb

#31c7bb Preview

Shades and Tints of #31c7bb

Tones of #31c7bb

Color Blindness Simulator