#31cfb0 hex color

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

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

● #31cfb0 color description : Strong cyan.

The hexadecimal color #31cfb0 has RGB values of R:49, G:207, B:176 and CMYK values of C:0.76, M:0, Y:0.15, K:0.19. Its decimal value is 3264432.

Hex triplet	31cfb0	`#31cfb0`
RGB Decimal	49, 207, 176	`rgb(49,207,176)`
RGB Percent	19.2, 81.2, 69	`rgb(19.2%,81.2%,69%)`
CMYK	76, 0, 15, 19
HSL	168.2°, 62.2, 50.2	`hsl(168.2,62.2%,50.2%)`
HSV (or HSB)	168.2°, 76.3, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.083, -46.903, 4.025
XYZ	31.413, 48.41, 48.76
xyY	0.244, 0.376, 48.41
CIE-LCH	75.083, 47.075, 175.095
CIE-LUV	75.083, -57.413, 13.377
Hunter-Lab	69.577, -41.17, 7.153
Binary	00110001, 11001111, 10110000

#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#cf3150
```
#cf3150 rgb(207,49,80)
```

Complementary Color

#31cf61
```
#31cf61 rgb(49,207,97)
```
#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#319fcf
```
#319fcf rgb(49,159,207)
```

Analogous Color

#cf6131
```
#cf6131 rgb(207,97,49)
```
#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#cf319f
```
#cf319f rgb(207,49,159)
```

Split Complementary Color

#cfb031
```
#cfb031 rgb(207,176,49)
```
#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#b031cf
```
#b031cf rgb(176,49,207)
```

Triadic Color

#50cf31
```
#50cf31 rgb(80,207,49)
```
#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#b031cf
```
#b031cf rgb(176,49,207)
```
#cf3150
```
#cf3150 rgb(207,49,80)
```

Tetradic Color

#22927c
```
#22927c rgb(34,146,124)
```
#27a68d
```
#27a68d rgb(39,166,141)
```
#2cbb9f
```
#2cbb9f rgb(44,187,159)
```
#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#46d4b8
```
#46d4b8 rgb(70,212,184)
```
#5ad9c0
```
#5ad9c0 rgb(90,217,192)
```
#6fddc8
```
#6fddc8 rgb(111,221,200)
```

Monochromatic Color

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

#31cf89
```
#31cf89 rgb(49,207,137)
```
#31cf96
```
#31cf96 rgb(49,207,150)
```
#31cfa3
```
#31cfa3 rgb(49,207,163)
```
#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#31cfbd
```
#31cfbd rgb(49,207,189)
```
#31cfca
```
#31cfca rgb(49,207,202)
```
#31c7cf
```
#31c7cf rgb(49,199,207)
```

Similar Colors

Text with hexadecimal color #31cfb0

This text has a font color of #31cfb0.

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

#31cfb0 background color

This paragraph has a background color of #31cfb0.

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

#31cfb0 border color

This element has a border color of #31cfb0.

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

CSS codes

.text {color:#31cfb0;}

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

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

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 #f0fbf9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#04110e
```
#04110e rgb(4,17,14)
```
#08211c
```
#08211c rgb(8,33,28)
```
#0b3129
```
#0b3129 rgb(11,49,41)
```
#0f4037
```
#0f4037 rgb(15,64,55)
```
#135044
```
#135044 rgb(19,80,68)
```
#166052
```
#166052 rgb(22,96,82)
```
#1a705f
```
#1a705f rgb(26,112,95)
```
#1e806d
```
#1e806d rgb(30,128,109)
```
#22907a
```
#22907a rgb(34,144,122)
```
#25a088
```
#25a088 rgb(37,160,136)
```
#29b095
```
#29b095 rgb(41,176,149)
```
#2dc0a3
```
#2dc0a3 rgb(45,192,163)
```

Shade Color Variation

#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#41d3b6
```
#41d3b6 rgb(65,211,182)
```
#51d6bc
```
#51d6bc rgb(81,214,188)
```
#61dac2
```
#61dac2 rgb(97,218,194)
```
#71dec8
```
#71dec8 rgb(113,222,200)
```
#81e2cf
```
#81e2cf rgb(129,226,207)
```
#90e5d5
```
#90e5d5 rgb(144,229,213)
```
#a0e9db
```
#a0e9db rgb(160,233,219)
```
#b0ede1
```
#b0ede1 rgb(176,237,225)
```
#c0f0e7
```
#c0f0e7 rgb(192,240,231)
```
#d0f4ed
```
#d0f4ed rgb(208,244,237)
```
#e0f8f3
```
#e0f8f3 rgb(224,248,243)
```
#f0fbf9
```
#f0fbf9 rgb(240,251,249)
```

Tint Color Variation

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

#7f8181
```
#7f8181 rgb(127,129,129)
```
#758b86
```
#758b86 rgb(117,139,134)
```
#6c948c
```
#6c948c rgb(108,148,140)
```
#629e92
```
#629e92 rgb(98,158,146)
```
#58a898
```
#58a898 rgb(88,168,152)
```
#4eb29e
```
#4eb29e rgb(78,178,158)
```
#45bba4
```
#45bba4 rgb(69,187,164)
```
#3bc5aa
```
#3bc5aa rgb(59,197,170)
```
#31cfb0
```
#31cfb0 rgb(49,207,176)
```
#27d9b6
```
#27d9b6 rgb(39,217,182)
```
#1de3bc
```
#1de3bc rgb(29,227,188)
```
#14ecc2
```
#14ecc2 rgb(20,236,194)
```
#0af6c8
```
#0af6c8 rgb(10,246,200)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#87a6a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4bba9 Protanopia 1% of men
#cdb6bd Deuteranopia 1% of men
#57cbda Tritanopia 0.001% of the population

Trichromacy

#8ec2ab Protanomaly 1% of men, 0.01% of women
#94bfb8 Deuteranomaly 6% of men, 0.4% of women
#49cdcb Tritanomaly 0.01% of the population

#31cfb0 hex color

#31cfb0 Color Information

#31cfb0 Color Conversion

Color Schemes with #31cfb0

Alternatives to #31cfb0

#31cfb0 Preview

Shades and Tints of #31cfb0

Tones of #31cfb0

Color Blindness Simulator