#31f1a2 hex color

In a RGB color space, hex #31f1a2 is composed of 19.2% red, 94.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 32.8% yellow and 5.5% black. It has a hue angle of 155.3 degrees, a saturation of 87.3% and a lightness of 56.9%. #31f1a2 color hex could be obtained by blending #62ffff with #00e345. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 95
- B 64
RGB color chart
- C 80
- M 0
- Y 33
- K 5
CMYK color chart

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

The hexadecimal color #31f1a2 has RGB values of R:49, G:241, B:162 and CMYK values of C:0.8, M:0, Y:0.33, K:0.05. Its decimal value is 3273122.

Hex triplet	31f1a2	`#31f1a2`
RGB Decimal	49, 241, 162	`rgb(49,241,162)`
RGB Percent	19.2, 94.5, 63.5	`rgb(19.2%,94.5%,63.5%)`
CMYK	80, 0, 33, 5
HSL	155.3°, 87.3, 56.9	`hsl(155.3,87.3%,56.9%)`
HSV (or HSB)	155.3°, 79.7, 94.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.082, -63.391, 25.432
XYZ	39.24, 66.168, 44.884
xyY	0.261, 0.44, 66.168
CIE-LCH	85.082, 68.303, 158.14
CIE-LUV	85.082, -69.983, 46.691
Hunter-Lab	81.344, -56.243, 24.226
Binary	00110001, 11110001, 10100010

#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#f13180
```
#f13180 rgb(241,49,128)
```

Complementary Color

#31f142
```
#31f142 rgb(49,241,66)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#31e0f1
```
#31e0f1 rgb(49,224,241)
```

Analogous Color

#f14231
```
#f14231 rgb(241,66,49)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#f131e0
```
#f131e0 rgb(241,49,224)
```

Split Complementary Color

#f1a231
```
#f1a231 rgb(241,162,49)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#a231f1
```
#a231f1 rgb(162,49,241)
```

Triadic Color

#80f131
```
#80f131 rgb(128,241,49)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#a231f1
```
#a231f1 rgb(162,49,241)
```
#f13180
```
#f13180 rgb(241,49,128)
```

Tetradic Color

#0ec87b
```
#0ec87b rgb(14,200,123)
```
#0fe08a
```
#0fe08a rgb(15,224,138)
```
#19ef97
```
#19ef97 rgb(25,239,151)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#49f3ad
```
#49f3ad rgb(73,243,173)
```
#61f4b8
```
#61f4b8 rgb(97,244,184)
```
#79f6c2
```
#79f6c2 rgb(121,246,194)
```

Monochromatic Color

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

#31f172
```
#31f172 rgb(49,241,114)
```
#31f182
```
#31f182 rgb(49,241,130)
```
#31f192
```
#31f192 rgb(49,241,146)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#31f1b2
```
#31f1b2 rgb(49,241,178)
```
#31f1c2
```
#31f1c2 rgb(49,241,194)
```
#31f1d2
```
#31f1d2 rgb(49,241,210)
```

Similar Colors

Text with hexadecimal color #31f1a2

This text has a font color of #31f1a2.

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

#31f1a2 background color

This paragraph has a background color of #31f1a2.

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

#31f1a2 border color

This element has a border color of #31f1a2.

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

CSS codes

.text {color:#31f1a2;}

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

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

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, #010e09 is the darkest color, while #fbfffd is the lightest one.

#010e09
```
#010e09 rgb(1,14,9)
```
#022114
```
#022114 rgb(2,33,20)
```
#033320
```
#033320 rgb(3,51,32)
```
#05462b
```
#05462b rgb(5,70,43)
```
#065836
```
#065836 rgb(6,88,54)
```
#076a41
```
#076a41 rgb(7,106,65)
```
#087d4d
```
#087d4d rgb(8,125,77)
```
#0a8f58
```
#0a8f58 rgb(10,143,88)
```
#0ba163
```
#0ba163 rgb(11,161,99)
```
#0cb46f
```
#0cb46f rgb(12,180,111)
```
#0dc67a
```
#0dc67a rgb(13,198,122)
```
#0fd885
```
#0fd885 rgb(15,216,133)
```
#10eb91
```
#10eb91 rgb(16,235,145)
```

Shade Color Variation

#1ff09a
```
#1ff09a rgb(31,240,154)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#43f2aa
```
#43f2aa rgb(67,242,170)
```
#56f3b3
```
#56f3b3 rgb(86,243,179)
```
#68f5bb
```
#68f5bb rgb(104,245,187)
```
#7af6c3
```
#7af6c3 rgb(122,246,195)
```
#8df7cb
```
#8df7cb rgb(141,247,203)
```
#9ff8d4
```
#9ff8d4 rgb(159,248,212)
```
#b2fadc
```
#b2fadc rgb(178,250,220)
```
#c4fbe4
```
#c4fbe4 rgb(196,251,228)
```
#d6fced
```
#d6fced rgb(214,252,237)
```
#e9fdf5
```
#e9fdf5 rgb(233,253,245)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9492 is the less saturated color, while #29f9a3 is the most saturated one.

#8e9492
```
#8e9492 rgb(142,148,146)
```
#869c93
```
#869c93 rgb(134,156,147)
```
#7da595
```
#7da595 rgb(125,165,149)
```
#75ad96
```
#75ad96 rgb(117,173,150)
```
#6cb698
```
#6cb698 rgb(108,182,152)
```
#64be99
```
#64be99 rgb(100,190,153)
```
#5bc79b
```
#5bc79b rgb(91,199,155)
```
#53cf9c
```
#53cf9c rgb(83,207,156)
```
#4ad89e
```
#4ad89e rgb(74,216,158)
```
#42e09f
```
#42e09f rgb(66,224,159)
```
#39e9a1
```
#39e9a1 rgb(57,233,161)
```
#31f1a2
```
#31f1a2 rgb(49,241,162)
```
#29f9a3
```
#29f9a3 rgb(41,249,163)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#96bcac Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d69b Protanopia 1% of men
#f7ceb2 Deuteranopia 1% of men
#6de7f8 Tritanopia 0.001% of the population

Trichromacy

#a4e09d Protanomaly 1% of men, 0.01% of women
#afdbac Deuteranomaly 6% of men, 0.4% of women
#57ead8 Tritanomaly 0.01% of the population

#31f1a2 hex color

#31f1a2 Color Information

#31f1a2 Color Conversion

Color Schemes with #31f1a2

Alternatives to #31f1a2

#31f1a2 Preview

Shades and Tints of #31f1a2

Tones of #31f1a2

Color Blindness Simulator