#31fdb2 hex color

In a RGB color space, hex #31fdb2 is composed of 19.2% red, 99.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 29.6% yellow and 0.8% black. It has a hue angle of 157.9 degrees, a saturation of 98.1% and a lightness of 59.2%. #31fdb2 color hex could be obtained by blending #62ffff with #00fb65. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 99
- B 70
RGB color chart
- C 81
- M 0
- Y 30
- K 1
CMYK color chart

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

The hexadecimal color #31fdb2 has RGB values of R:49, G:253, B:178 and CMYK values of C:0.81, M:0, Y:0.3, K:0.01. Its decimal value is 3276210.

Hex triplet	31fdb2	`#31fdb2`
RGB Decimal	49, 253, 178	`rgb(49,253,178)`
RGB Percent	19.2, 99.2, 69.8	`rgb(19.2%,99.2%,69.8%)`
CMYK	81, 0, 30, 1
HSL	157.9°, 98.1, 59.2	`hsl(157.9,98.1%,59.2%)`
HSV (or HSB)	157.9°, 80.6, 99.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.976, -64.454, 22.604
XYZ	44.424, 74.113, 54.081
xyY	0.257, 0.429, 74.113
CIE-LCH	88.976, 68.303, 160.674
CIE-LUV	88.976, -72.934, 43.5
Hunter-Lab	86.089, -58.545, 23.016
Binary	00110001, 11111101, 10110010

#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#fd317c
```
#fd317c rgb(253,49,124)
```

Complementary Color

#31fd4c
```
#31fd4c rgb(49,253,76)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#31e2fd
```
#31e2fd rgb(49,226,253)
```

Analogous Color

#fd4c31
```
#fd4c31 rgb(253,76,49)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#fd31e2
```
#fd31e2 rgb(253,49,226)
```

Split Complementary Color

#fdb231
```
#fdb231 rgb(253,178,49)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#b231fd
```
#b231fd rgb(178,49,253)
```

Triadic Color

#7cfd31
```
#7cfd31 rgb(124,253,49)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#b231fd
```
#b231fd rgb(178,49,253)
```
#fd317c
```
#fd317c rgb(253,49,124)
```

Tetradic Color

#02df8e
```
#02df8e rgb(2,223,142)
```
#02f99e
```
#02f99e rgb(2,249,158)
```
#18fda9
```
#18fda9 rgb(24,253,169)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#4afdbb
```
#4afdbb rgb(74,253,187)
```
#64fdc5
```
#64fdc5 rgb(100,253,197)
```
#7dfece
```
#7dfece rgb(125,254,206)
```

Monochromatic Color

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

#31fd7f
```
#31fd7f rgb(49,253,127)
```
#31fd90
```
#31fd90 rgb(49,253,144)
```
#31fda1
```
#31fda1 rgb(49,253,161)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#31fdc3
```
#31fdc3 rgb(49,253,195)
```
#31fdd4
```
#31fdd4 rgb(49,253,212)
```
#31fde5
```
#31fde5 rgb(49,253,229)
```

Similar Colors

Text with hexadecimal color #31fdb2

This text has a font color of #31fdb2.

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

#31fdb2 background color

This paragraph has a background color of #31fdb2.

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

#31fdb2 border color

This element has a border color of #31fdb2.

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

CSS codes

.text {color:#31fdb2;}

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

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

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

#000805
```
#000805 rgb(0,8,5)
```
#001b11
```
#001b11 rgb(0,27,17)
```
#002f1e
```
#002f1e rgb(0,47,30)
```
#01422a
```
#01422a rgb(1,66,42)
```
#015536
```
#015536 rgb(1,85,54)
```
#016943
```
#016943 rgb(1,105,67)
```
#017c4f
```
#017c4f rgb(1,124,79)
```
#01905b
```
#01905b rgb(1,144,91)
```
#02a368
```
#02a368 rgb(2,163,104)
```
#02b774
```
#02b774 rgb(2,183,116)
```
#02ca80
```
#02ca80 rgb(2,202,128)
```
#02dd8d
```
#02dd8d rgb(2,221,141)
```
#02f199
```
#02f199 rgb(2,241,153)
```

Shade Color Variation

#0afda3
```
#0afda3 rgb(10,253,163)
```
#1efdab
```
#1efdab rgb(30,253,171)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```
#44fdb9
```
#44fdb9 rgb(68,253,185)
```
#58fdc1
```
#58fdc1 rgb(88,253,193)
```
#6bfec8
```
#6bfec8 rgb(107,254,200)
```
#7ffecf
```
#7ffecf rgb(127,254,207)
```
#92fed6
```
#92fed6 rgb(146,254,214)
```
#a6fede
```
#a6fede rgb(166,254,222)
```
#b9fee5
```
#b9fee5 rgb(185,254,229)
```
#ccffec
```
#ccffec rgb(204,255,236)
```
#e0fff3
```
#e0fff3 rgb(224,255,243)
```
#f3fffb
```
#f3fffb rgb(243,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919d99 is the less saturated color, while #31fdb2 is the most saturated one.

#919d99
```
#919d99 rgb(145,157,153)
```
#89a59b
```
#89a59b rgb(137,165,155)
```
#81ad9d
```
#81ad9d rgb(129,173,157)
```
#79b59f
```
#79b59f rgb(121,181,159)
```
#71bda1
```
#71bda1 rgb(113,189,161)
```
#69c5a3
```
#69c5a3 rgb(105,197,163)
```
#61cda5
```
#61cda5 rgb(97,205,165)
```
#59d5a7
```
#59d5a7 rgb(89,213,167)
```
#51ddaa
```
#51ddaa rgb(81,221,170)
```
#49e5ac
```
#49e5ac rgb(73,229,172)
```
#41edae
```
#41edae rgb(65,237,174)
```
#39f5b0
```
#39f5b0 rgb(57,245,176)
```
#31fdb2
```
#31fdb2 rgb(49,253,178)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#9cc5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e0a9 Protanopia 1% of men
#ffd9c4 Deuteranopia 1% of men
#8cefff Tritanopia 0.001% of the population

Trichromacy

#abebac Protanomaly 1% of men, 0.01% of women
#b4e6be Deuteranomaly 6% of men, 0.4% of women
#6bf4e3 Tritanomaly 0.01% of the population

#31fdb2 hex color

#31fdb2 Color Information

#31fdb2 Color Conversion

Color Schemes with #31fdb2

Alternatives to #31fdb2

#31fdb2 Preview

Shades and Tints of #31fdb2

Tones of #31fdb2

Color Blindness Simulator