#31cfbf hex color

In a RGB color space, hex #31cfbf is composed of 19.2% red, 81.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 7.7% yellow and 18.8% black. It has a hue angle of 173.9 degrees, a saturation of 62.2% and a lightness of 50.2%. #31cfbf color hex could be obtained by blending #62ffff with #009f7f. 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

● #31cfbf color description : Strong cyan.

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

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

CIE-LAB	75.474, -42.934, -3.488
XYZ	32.98, 49.037, 57.014
xyY	0.237, 0.353, 49.037
CIE-LCH	75.474, 43.076, 184.644
CIE-LUV	75.474, -56.353, 1.352
Hunter-Lab	70.026, -38.478, 0.746
Binary	00110001, 11001111, 10111111

#31cfbf
```
#31cfbf rgb(49,207,191)
```
#cf3141
```
#cf3141 rgb(207,49,65)
```

Complementary Color

#31cf70
```
#31cf70 rgb(49,207,112)
```
#31cfbf
```
#31cfbf rgb(49,207,191)
```
#3190cf
```
#3190cf rgb(49,144,207)
```

Analogous Color

#cf7031
```
#cf7031 rgb(207,112,49)
```
#31cfbf
```
#31cfbf rgb(49,207,191)
```
#cf3190
```
#cf3190 rgb(207,49,144)
```

Split Complementary Color

#cfbf31
```
#cfbf31 rgb(207,191,49)
```
#31cfbf
```
#31cfbf rgb(49,207,191)
```
#bf31cf
```
#bf31cf rgb(191,49,207)
```

Triadic Color

#41cf31
```
#41cf31 rgb(65,207,49)
```
#31cfbf
```
#31cfbf rgb(49,207,191)
```
#bf31cf
```
#bf31cf rgb(191,49,207)
```
#cf3141
```
#cf3141 rgb(207,49,65)
```

Tetradic Color

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

Monochromatic Color

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

#31cf98
```
#31cf98 rgb(49,207,152)
```
#31cfa5
```
#31cfa5 rgb(49,207,165)
```
#31cfb2
```
#31cfb2 rgb(49,207,178)
```
#31cfbf
```
#31cfbf rgb(49,207,191)
```
#31cfcc
```
#31cfcc rgb(49,207,204)
```
#31c5cf
```
#31c5cf rgb(49,197,207)
```
#31b8cf
```
#31b8cf rgb(49,184,207)
```

Similar Colors

Text with hexadecimal color #31cfbf

This text has a font color of #31cfbf.

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

#31cfbf background color

This paragraph has a background color of #31cfbf.

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

#31cfbf border color

This element has a border color of #31cfbf.

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

CSS codes

.text {color:#31cfbf;}

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

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

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)
```
#166059
```
#166059 rgb(22,96,89)
```
#1a7067
```
#1a7067 rgb(26,112,103)
```
#1e8076
```
#1e8076 rgb(30,128,118)
```
#229085
```
#229085 rgb(34,144,133)
```
#25a093
```
#25a093 rgb(37,160,147)
```
#29b0a2
```
#29b0a2 rgb(41,176,162)
```
#2dc0b1
```
#2dc0b1 rgb(45,192,177)
```

Shade Color Variation

#31cfbf
```
#31cfbf rgb(49,207,191)
```
#41d3c4
```
#41d3c4 rgb(65,211,196)
```
#51d6c9
```
#51d6c9 rgb(81,214,201)
```
#61dace
```
#61dace rgb(97,218,206)
```
#71ded3
```
#71ded3 rgb(113,222,211)
```
#81e2d8
```
#81e2d8 rgb(129,226,216)
```
#90e5dd
```
#90e5dd rgb(144,229,221)
```
#a0e9e2
```
#a0e9e2 rgb(160,233,226)
```
#b0ede7
```
#b0ede7 rgb(176,237,231)
```
#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 #0af6de 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)
```
#58a8a0
```
#58a8a0 rgb(88,168,160)
```
#4eb2a8
```
#4eb2a8 rgb(78,178,168)
```
#45bbaf
```
#45bbaf rgb(69,187,175)
```
#3bc5b7
```
#3bc5b7 rgb(59,197,183)
```
#31cfbf
```
#31cfbf rgb(49,207,191)
```
#27d9c7
```
#27d9c7 rgb(39,217,199)
```
#1de3cf
```
#1de3cf rgb(29,227,207)
```
#14ecd6
```
#14ecd6 rgb(20,236,214)
```
#0af6de
```
#0af6de rgb(10,246,222)
```

Tone Color Variation

Below, you can see how #31cfbf 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
#88a8a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2bcb7 Protanopia 1% of men
#c8b8cb Deuteranopia 1% of men
#50cddc Tritanopia 0.001% of the population

Trichromacy

#8dc3ba Protanomaly 1% of men, 0.01% of women
#91c0c6 Deuteranomaly 6% of men, 0.4% of women
#45ced1 Tritanomaly 0.01% of the population

#31cfbf hex color

#31cfbf Color Information

#31cfbf Color Conversion

Color Schemes with #31cfbf

Alternatives to #31cfbf

#31cfbf Preview

Shades and Tints of #31cfbf

Tones of #31cfbf

Color Blindness Simulator