#31cfbe hex color

In a RGB color space, hex #31cfbe is composed of 19.2% red, 81.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 8.2% yellow and 18.8% black. It has a hue angle of 173.5 degrees, a saturation of 62.2% and a lightness of 50.2%. #31cfbe color hex could be obtained by blending #62ffff with #009f7d. Closest websafe color is: #33cccc.

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

● #31cfbe color description : Strong cyan.

The hexadecimal color #31cfbe has RGB values of R:49, G:207, B:190 and CMYK values of C:0.76, M:0, Y:0.08, K:0.19. Its decimal value is 3264446.

Hex triplet	31cfbe	`#31cfbe`
RGB Decimal	49, 207, 190	`rgb(49,207,190)`
RGB Percent	19.2, 81.2, 74.5	`rgb(19.2%,81.2%,74.5%)`
CMYK	76, 0, 8, 19
HSL	173.5°, 62.2, 50.2	`hsl(173.5,62.2%,50.2%)`
HSV (or HSB)	173.5°, 76.3, 81.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.447, -43.207, -2.989
XYZ	32.871, 48.993, 56.437
xyY	0.238, 0.354, 48.993
CIE-LCH	75.447, 43.31, 183.957
CIE-LUV	75.447, -56.425, 2.167
Hunter-Lab	69.995, -38.665, 1.191
Binary	00110001, 11001111, 10111110

#31cfbe
```
#31cfbe rgb(49,207,190)
```
#cf3142
```
#cf3142 rgb(207,49,66)
```

Complementary Color

#31cf6f
```
#31cf6f rgb(49,207,111)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```
#3191cf
```
#3191cf rgb(49,145,207)
```

Analogous Color

#cf6f31
```
#cf6f31 rgb(207,111,49)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```
#cf3191
```
#cf3191 rgb(207,49,145)
```

Split Complementary Color

#cfbe31
```
#cfbe31 rgb(207,190,49)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```
#be31cf
```
#be31cf rgb(190,49,207)
```

Triadic Color

#42cf31
```
#42cf31 rgb(66,207,49)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```
#be31cf
```
#be31cf rgb(190,49,207)
```
#cf3142
```
#cf3142 rgb(207,49,66)
```

Tetradic Color

#229286
```
#229286 rgb(34,146,134)
```
#27a699
```
#27a699 rgb(39,166,153)
```
#2cbbac
```
#2cbbac rgb(44,187,172)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```
#46d4c5
```
#46d4c5 rgb(70,212,197)
```
#5ad9cb
```
#5ad9cb rgb(90,217,203)
```
#6fddd2
```
#6fddd2 rgb(111,221,210)
```

Monochromatic Color

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

#31cf97
```
#31cf97 rgb(49,207,151)
```
#31cfa4
```
#31cfa4 rgb(49,207,164)
```
#31cfb1
```
#31cfb1 rgb(49,207,177)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```
#31cfcb
```
#31cfcb rgb(49,207,203)
```
#31c6cf
```
#31c6cf rgb(49,198,207)
```
#31b9cf
```
#31b9cf rgb(49,185,207)
```

Similar Colors

Text with hexadecimal color #31cfbe

This text has a font color of #31cfbe.

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

#31cfbe background color

This paragraph has a background color of #31cfbe.

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

#31cfbe border color

This element has a border color of #31cfbe.

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

CSS codes

.text {color:#31cfbe;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110f
```
#04110f rgb(4,17,15)
```
#08211e
```
#08211e rgb(8,33,30)
```
#0b312d
```
#0b312d rgb(11,49,45)
```
#0f403b
```
#0f403b rgb(15,64,59)
```
#13504a
```
#13504a rgb(19,80,74)
```
#166058
```
#166058 rgb(22,96,88)
```
#1a7067
```
#1a7067 rgb(26,112,103)
```
#1e8076
```
#1e8076 rgb(30,128,118)
```
#229084
```
#229084 rgb(34,144,132)
```
#25a093
```
#25a093 rgb(37,160,147)
```
#29b0a1
```
#29b0a1 rgb(41,176,161)
```
#2dc0b0
```
#2dc0b0 rgb(45,192,176)
```

Shade Color Variation

#31cfbe
```
#31cfbe rgb(49,207,190)
```
#41d3c3
```
#41d3c3 rgb(65,211,195)
```
#51d6c8
```
#51d6c8 rgb(81,214,200)
```
#61dacd
```
#61dacd rgb(97,218,205)
```
#71ded2
```
#71ded2 rgb(113,222,210)
```
#81e2d7
```
#81e2d7 rgb(129,226,215)
```
#90e5dc
```
#90e5dc rgb(144,229,220)
```
#a0e9e1
```
#a0e9e1 rgb(160,233,225)
```
#b0ede6
```
#b0ede6 rgb(176,237,230)
```
#c0f0eb
```
#c0f0eb rgb(192,240,235)
```
#d0f4f0
```
#d0f4f0 rgb(208,244,240)
```
#e0f8f5
```
#e0f8f5 rgb(224,248,245)
```
#f0fbfa
```
#f0fbfa rgb(240,251,250)
```

Tint Color Variation

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

#7f8181
```
#7f8181 rgb(127,129,129)
```
#758b88
```
#758b88 rgb(117,139,136)
```
#6c9490
```
#6c9490 rgb(108,148,144)
```
#629e98
```
#629e98 rgb(98,158,152)
```
#58a89f
```
#58a89f rgb(88,168,159)
```
#4eb2a7
```
#4eb2a7 rgb(78,178,167)
```
#45bbaf
```
#45bbaf rgb(69,187,175)
```
#3bc5b6
```
#3bc5b6 rgb(59,197,182)
```
#31cfbe
```
#31cfbe rgb(49,207,190)
```
#27d9c6
```
#27d9c6 rgb(39,217,198)
```
#1de3cd
```
#1de3cd rgb(29,227,205)
```
#14ecd5
```
#14ecd5 rgb(20,236,213)
```
#0af6dd
```
#0af6dd rgb(10,246,221)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#88a8a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2bcb6 Protanopia 1% of men
#c8b8ca Deuteranopia 1% of men
#51cddc Tritanopia 0.001% of the population

Trichromacy

#8dc3b9 Protanomaly 1% of men, 0.01% of women
#91c0c5 Deuteranomaly 6% of men, 0.4% of women
#45cdd1 Tritanomaly 0.01% of the population

#31cfbe hex color

#31cfbe Color Information

#31cfbe Color Conversion

Color Schemes with #31cfbe

Alternatives to #31cfbe

#31cfbe Preview

Shades and Tints of #31cfbe

Tones of #31cfbe

Color Blindness Simulator