#31dfb6 hex color

In a RGB color space, hex #31dfb6 is composed of 19.2% red, 87.5% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 0% magenta, 18.4% yellow and 12.5% black. It has a hue angle of 165.9 degrees, a saturation of 73.1% and a lightness of 53.3%. #31dfb6 color hex could be obtained by blending #62ffff with #00bf6d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 87
- B 71
RGB color chart
- C 78
- M 0
- Y 18
- K 13
CMYK color chart

● #31dfb6 color description : Bright cyan.

The hexadecimal color #31dfb6 has RGB values of R:49, G:223, B:182 and CMYK values of C:0.78, M:0, Y:0.18, K:0.13. Its decimal value is 3268534.

Hex triplet	31dfb6	`#31dfb6`
RGB Decimal	49, 223, 182	`rgb(49,223,182)`
RGB Percent	19.2, 87.5, 71.4	`rgb(19.2%,87.5%,71.4%)`
CMYK	78, 0, 18, 13
HSL	165.9°, 73.1, 53.3	`hsl(165.9,73.1%,53.3%)`
HSV (or HSB)	165.9°, 78, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.068, -52.007, 7.997
XYZ	36.095, 56.802, 53.315
xyY	0.247, 0.388, 56.802
CIE-LCH	80.068, 52.618, 171.258
CIE-LUV	80.068, -62.54, 20.23
Hunter-Lab	75.367, -46.406, 10.815
Binary	00110001, 11011111, 10110110

#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#df315a
```
#df315a rgb(223,49,90)
```

Complementary Color

#31df5f
```
#31df5f rgb(49,223,95)
```
#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#31b1df
```
#31b1df rgb(49,177,223)
```

Analogous Color

#df5f31
```
#df5f31 rgb(223,95,49)
```
#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#df31b1
```
#df31b1 rgb(223,49,177)
```

Split Complementary Color

#dfb631
```
#dfb631 rgb(223,182,49)
```
#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#b631df
```
#b631df rgb(182,49,223)
```

Triadic Color

#5adf31
```
#5adf31 rgb(90,223,49)
```
#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#b631df
```
#b631df rgb(182,49,223)
```
#df315a
```
#df315a rgb(223,49,90)
```

Tetradic Color

#1aa988
```
#1aa988 rgb(26,169,136)
```
#1ebf99
```
#1ebf99 rgb(30,191,153)
```
#21d5ab
```
#21d5ab rgb(33,213,171)
```
#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#47e2be
```
#47e2be rgb(71,226,190)
```
#5de6c6
```
#5de6c6 rgb(93,230,198)
```
#73e9cd
```
#73e9cd rgb(115,233,205)
```

Monochromatic Color

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

#31df8b
```
#31df8b rgb(49,223,139)
```
#31df99
```
#31df99 rgb(49,223,153)
```
#31dfa8
```
#31dfa8 rgb(49,223,168)
```
#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#31dfc5
```
#31dfc5 rgb(49,223,197)
```
#31dfd3
```
#31dfd3 rgb(49,223,211)
```
#31dddf
```
#31dddf rgb(49,221,223)
```

Similar Colors

Text with hexadecimal color #31dfb6

This text has a font color of #31dfb6.

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

#31dfb6 background color

This paragraph has a background color of #31dfb6.

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

#31dfb6 border color

This element has a border color of #31dfb6.

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

CSS codes

.text {color:#31dfb6;}

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

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

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

#020f0c
```
#020f0c rgb(2,15,12)
```
#052019
```
#052019 rgb(5,32,25)
```
#083127
```
#083127 rgb(8,49,39)
```
#0a4235
```
#0a4235 rgb(10,66,53)
```
#0d5342
```
#0d5342 rgb(13,83,66)
```
#0f6450
```
#0f6450 rgb(15,100,80)
```
#12755d
```
#12755d rgb(18,117,93)
```
#15866b
```
#15866b rgb(21,134,107)
```
#179779
```
#179779 rgb(23,151,121)
```
#1aa886
```
#1aa886 rgb(26,168,134)
```
#1db894
```
#1db894 rgb(29,184,148)
```
#1fc9a1
```
#1fc9a1 rgb(31,201,161)
```
#22daaf
```
#22daaf rgb(34,218,175)
```

Shade Color Variation

#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#42e2bc
```
#42e2bc rgb(66,226,188)
```
#53e4c2
```
#53e4c2 rgb(83,228,194)
```
#64e7c8
```
#64e7c8 rgb(100,231,200)
```
#75eace
```
#75eace rgb(117,234,206)
```
#86ecd4
```
#86ecd4 rgb(134,236,212)
```
#97efda
```
#97efda rgb(151,239,218)
```
#a8f1e0
```
#a8f1e0 rgb(168,241,224)
```
#b9f4e6
```
#b9f4e6 rgb(185,244,230)
```
#caf7ec
```
#caf7ec rgb(202,247,236)
```
#dbf9f2
```
#dbf9f2 rgb(219,249,242)
```
#ecfcf8
```
#ecfcf8 rgb(236,252,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838d8a is the less saturated color, while #16fac5 is the most saturated one.

#838d8a
```
#838d8a rgb(131,141,138)
```
#7a968f
```
#7a968f rgb(122,150,143)
```
#719f94
```
#719f94 rgb(113,159,148)
```
#68a899
```
#68a899 rgb(104,168,153)
```
#5fb19e
```
#5fb19e rgb(95,177,158)
```
#56baa3
```
#56baa3 rgb(86,186,163)
```
#4cc4a7
```
#4cc4a7 rgb(76,196,167)
```
#43cdac
```
#43cdac rgb(67,205,172)
```
#3ad6b1
```
#3ad6b1 rgb(58,214,177)
```
#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#28e8bb
```
#28e8bb rgb(40,232,187)
```
#1ff1c0
```
#1ff1c0 rgb(31,241,192)
```
#16fac5
```
#16fac5 rgb(22,250,197)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8fb1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c8ae Protanopia 1% of men
#dec3c4 Deuteranopia 1% of men
#5ed9e9 Tritanopia 0.001% of the population

Trichromacy

#98d0b1 Protanomaly 1% of men, 0.01% of women
#9fcdbf Deuteranomaly 6% of men, 0.4% of women
#4ddbd6 Tritanomaly 0.01% of the population

#31dfb6 hex color

#31dfb6 Color Information

#31dfb6 Color Conversion

Color Schemes with #31dfb6

Alternatives to #31dfb6

#31dfb6 Preview

Shades and Tints of #31dfb6

Tones of #31dfb6

Color Blindness Simulator