#31dfaf hex color

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

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

● #31dfaf color description : Bright cyan - lime green.

The hexadecimal color #31dfaf has RGB values of R:49, G:223, B:175 and CMYK values of C:0.78, M:0, Y:0.22, K:0.13. Its decimal value is 3268527.

Hex triplet	31dfaf	`#31dfaf`
RGB Decimal	49, 223, 175	`rgb(49,223,175)`
RGB Percent	19.2, 87.5, 68.6	`rgb(19.2%,87.5%,68.6%)`
CMYK	78, 0, 22, 13
HSL	163.4°, 73.1, 53.3	`hsl(163.4,73.1%,53.3%)`
HSV (or HSB)	163.4°, 78, 87.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.909, -53.694, 11.473
XYZ	35.389, 56.52, 49.599
xyY	0.25, 0.399, 56.52
CIE-LCH	79.909, 54.906, 167.939
CIE-LUV	79.909, -63.026, 25.531
Hunter-Lab	75.18, -47.54, 13.51
Binary	00110001, 11011111, 10101111

#31dfaf
```
#31dfaf rgb(49,223,175)
```
#df3161
```
#df3161 rgb(223,49,97)
```

Complementary Color

#31df58
```
#31df58 rgb(49,223,88)
```
#31dfaf
```
#31dfaf rgb(49,223,175)
```
#31b8df
```
#31b8df rgb(49,184,223)
```

Analogous Color

#df5831
```
#df5831 rgb(223,88,49)
```
#31dfaf
```
#31dfaf rgb(49,223,175)
```
#df31b8
```
#df31b8 rgb(223,49,184)
```

Split Complementary Color

#dfaf31
```
#dfaf31 rgb(223,175,49)
```
#31dfaf
```
#31dfaf rgb(49,223,175)
```
#af31df
```
#af31df rgb(175,49,223)
```

Triadic Color

#61df31
```
#61df31 rgb(97,223,49)
```
#31dfaf
```
#31dfaf rgb(49,223,175)
```
#af31df
```
#af31df rgb(175,49,223)
```
#df3161
```
#df3161 rgb(223,49,97)
```

Tetradic Color

#1aa982
```
#1aa982 rgb(26,169,130)
```
#1ebf93
```
#1ebf93 rgb(30,191,147)
```
#21d5a4
```
#21d5a4 rgb(33,213,164)
```
#31dfaf
```
#31dfaf rgb(49,223,175)
```
#47e2b8
```
#47e2b8 rgb(71,226,184)
```
#5de6c0
```
#5de6c0 rgb(93,230,192)
```
#73e9c9
```
#73e9c9 rgb(115,233,201)
```

Monochromatic Color

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

#31df84
```
#31df84 rgb(49,223,132)
```
#31df92
```
#31df92 rgb(49,223,146)
```
#31dfa1
```
#31dfa1 rgb(49,223,161)
```
#31dfaf
```
#31dfaf rgb(49,223,175)
```
#31dfbe
```
#31dfbe rgb(49,223,190)
```
#31dfcc
```
#31dfcc rgb(49,223,204)
```
#31dfdb
```
#31dfdb rgb(49,223,219)
```

Similar Colors

Text with hexadecimal color #31dfaf

This text has a font color of #31dfaf.

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

#31dfaf background color

This paragraph has a background color of #31dfaf.

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

#31dfaf border color

This element has a border color of #31dfaf.

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

CSS codes

.text {color:#31dfaf;}

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

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

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

#020f0b
```
#020f0b rgb(2,15,11)
```
#052018
```
#052018 rgb(5,32,24)
```
#083125
```
#083125 rgb(8,49,37)
```
#0a4232
```
#0a4232 rgb(10,66,50)
```
#0d533f
```
#0d533f rgb(13,83,63)
```
#0f644c
```
#0f644c rgb(15,100,76)
```
#127559
```
#127559 rgb(18,117,89)
```
#158666
```
#158666 rgb(21,134,102)
```
#179773
```
#179773 rgb(23,151,115)
```
#1aa880
```
#1aa880 rgb(26,168,128)
```
#1db88e
```
#1db88e rgb(29,184,142)
```
#1fc99b
```
#1fc99b rgb(31,201,155)
```
#22daa8
```
#22daa8 rgb(34,218,168)
```

Shade Color Variation

#31dfaf
```
#31dfaf rgb(49,223,175)
```
#42e2b6
```
#42e2b6 rgb(66,226,182)
```
#53e4bc
```
#53e4bc rgb(83,228,188)
```
#64e7c3
```
#64e7c3 rgb(100,231,195)
```
#75eac9
```
#75eac9 rgb(117,234,201)
```
#86ecd0
```
#86ecd0 rgb(134,236,208)
```
#97efd7
```
#97efd7 rgb(151,239,215)
```
#a8f1dd
```
#a8f1dd rgb(168,241,221)
```
#b9f4e4
```
#b9f4e4 rgb(185,244,228)
```
#caf7ea
```
#caf7ea rgb(202,247,234)
```
#dbf9f1
```
#dbf9f1 rgb(219,249,241)
```
#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 #16fabb is the most saturated one.

#838d8a
```
#838d8a rgb(131,141,138)
```
#7a968e
```
#7a968e rgb(122,150,142)
```
#719f92
```
#719f92 rgb(113,159,146)
```
#68a896
```
#68a896 rgb(104,168,150)
```
#5fb19a
```
#5fb19a rgb(95,177,154)
```
#56ba9f
```
#56ba9f rgb(86,186,159)
```
#4cc4a3
```
#4cc4a3 rgb(76,196,163)
```
#43cda7
```
#43cda7 rgb(67,205,167)
```
#3ad6ab
```
#3ad6ab rgb(58,214,171)
```
#31dfaf
```
#31dfaf rgb(49,223,175)
```
#28e8b3
```
#28e8b3 rgb(40,232,179)
```
#1ff1b7
```
#1ff1b7 rgb(31,241,183)
```
#16fabb
```
#16fabb rgb(22,250,187)
```

Tone Color Variation

Below, you can see how #31dfaf 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
#8fb1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c8a7 Protanopia 1% of men
#dfc2bd Deuteranopia 1% of men
#60d9e9 Tritanopia 0.001% of the population

Trichromacy

#98d0aa Protanomaly 1% of men, 0.01% of women
#a0ccb8 Deuteranomaly 6% of men, 0.4% of women
#4fdbd3 Tritanomaly 0.01% of the population

#31dfaf hex color

#31dfaf Color Information

#31dfaf Color Conversion

Color Schemes with #31dfaf

Alternatives to #31dfaf

#31dfaf Preview

Shades and Tints of #31dfaf

Tones of #31dfaf

Color Blindness Simulator