#31f885 hex color

In a RGB color space, hex #31f885 is composed of 19.2% red, 97.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0% magenta, 46.4% yellow and 2.7% black. It has a hue angle of 145.3 degrees, a saturation of 93.4% and a lightness of 58.2%. #31f885 color hex could be obtained by blending #62ffff with #00f10b. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 97
- B 52
RGB color chart
- C 80
- M 0
- Y 46
- K 3
CMYK color chart

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

The hexadecimal color #31f885 has RGB values of R:49, G:248, B:133 and CMYK values of C:0.8, M:0, Y:0.46, K:0.03. Its decimal value is 3274885.

Hex triplet	31f885	`#31f885`
RGB Decimal	49, 248, 133	`rgb(49,248,133)`
RGB Percent	19.2, 97.3, 52.2	`rgb(19.2%,97.3%,52.2%)`
CMYK	80, 0, 46, 3
HSL	145.3°, 93.4, 58.2	`hsl(145.3,93.4%,58.2%)`
HSV (or HSB)	145.3°, 80.2, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.74, -71.092, 42.065
XYZ	39.065, 69.477, 33.541
xyY	0.275, 0.489, 69.477
CIE-LCH	86.74, 82.605, 149.387
CIE-LUV	86.74, -73.998, 68.5
Hunter-Lab	83.353, -62.21, 34.489
Binary	00110001, 11111000, 10000101

#31f885
```
#31f885 rgb(49,248,133)
```
#f831a4
```
#f831a4 rgb(248,49,164)
```

Complementary Color

#41f831
```
#41f831 rgb(65,248,49)
```
#31f885
```
#31f885 rgb(49,248,133)
```
#31f8e9
```
#31f8e9 rgb(49,248,233)
```

Analogous Color

#f83140
```
#f83140 rgb(248,49,64)
```
#31f885
```
#31f885 rgb(49,248,133)
```
#e931f8
```
#e931f8 rgb(233,49,248)
```

Split Complementary Color

#f88531
```
#f88531 rgb(248,133,49)
```
#31f885
```
#31f885 rgb(49,248,133)
```
#8531f8
```
#8531f8 rgb(133,49,248)
```

Triadic Color

#a4f831
```
#a4f831 rgb(164,248,49)
```
#31f885
```
#31f885 rgb(49,248,133)
```
#8531f8
```
#8531f8 rgb(133,49,248)
```
#f831a4
```
#f831a4 rgb(248,49,164)
```

Tetradic Color

#07d55e
```
#07d55e rgb(7,213,94)
```
#08ee69
```
#08ee69 rgb(8,238,105)
```
#18f776
```
#18f776 rgb(24,247,118)
```
#31f885
```
#31f885 rgb(49,248,133)
```
#4af994
```
#4af994 rgb(74,249,148)
```
#62faa2
```
#62faa2 rgb(98,250,162)
```
#7bfbb1
```
#7bfbb1 rgb(123,251,177)
```

Monochromatic Color

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

#31f853
```
#31f853 rgb(49,248,83)
```
#31f864
```
#31f864 rgb(49,248,100)
```
#31f874
```
#31f874 rgb(49,248,116)
```
#31f885
```
#31f885 rgb(49,248,133)
```
#31f896
```
#31f896 rgb(49,248,150)
```
#31f8a6
```
#31f8a6 rgb(49,248,166)
```
#31f8b7
```
#31f8b7 rgb(49,248,183)
```

Similar Colors

Text with hexadecimal color #31f885

This text has a font color of #31f885.

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

#31f885 background color

This paragraph has a background color of #31f885.

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

#31f885 border color

This element has a border color of #31f885.

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

CSS codes

.text {color:#31f885;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#01160a
```
#01160a rgb(1,22,10)
```
#012912
```
#012912 rgb(1,41,18)
```
#023c1a
```
#023c1a rgb(2,60,26)
```
#034f23
```
#034f23 rgb(3,79,35)
```
#03622b
```
#03622b rgb(3,98,43)
```
#047533
```
#047533 rgb(4,117,51)
```
#05873c
```
#05873c rgb(5,135,60)
```
#059a44
```
#059a44 rgb(5,154,68)
```
#06ad4d
```
#06ad4d rgb(6,173,77)
```
#07c055
```
#07c055 rgb(7,192,85)
```
#07d35d
```
#07d35d rgb(7,211,93)
```
#08e666
```
#08e666 rgb(8,230,102)
```

Shade Color Variation

#0bf76f
```
#0bf76f rgb(11,247,111)
```
#1ef77a
```
#1ef77a rgb(30,247,122)
```
#31f885
```
#31f885 rgb(49,248,133)
```
#44f990
```
#44f990 rgb(68,249,144)
```
#57f99b
```
#57f99b rgb(87,249,155)
```
#6afaa7
```
#6afaa7 rgb(106,250,167)
```
#7dfbb2
```
#7dfbb2 rgb(125,251,178)
```
#90fbbd
```
#90fbbd rgb(144,251,189)
```
#a3fcc8
```
#a3fcc8 rgb(163,252,200)
```
#b6fdd4
```
#b6fdd4 rgb(182,253,212)
```
#c9fddf
```
#c9fddf rgb(201,253,223)
```
#dcfeea
```
#dcfeea rgb(220,254,234)
```
#effef5
```
#effef5 rgb(239,254,245)
```

Tint Color Variation

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

#939694
```
#939694 rgb(147,150,148)
```
#8b9e93
```
#8b9e93 rgb(139,158,147)
```
#83a692
```
#83a692 rgb(131,166,146)
```
#7bae90
```
#7bae90 rgb(123,174,144)
```
#73b68f
```
#73b68f rgb(115,182,143)
```
#6abf8e
```
#6abf8e rgb(106,191,142)
```
#62c78d
```
#62c78d rgb(98,199,141)
```
#5acf8b
```
#5acf8b rgb(90,207,139)
```
#52d78a
```
#52d78a rgb(82,215,138)
```
#4adf89
```
#4adf89 rgb(74,223,137)
```
#41e888
```
#41e888 rgb(65,232,136)
```
#39f086
```
#39f086 rgb(57,240,134)
```
#31f885
```
#31f885 rgb(49,248,133)
```

Tone Color Variation

Below, you can see how #31f885 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
#96bea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdb81 Protanopia 1% of men
#ffd3a4 Deuteranopia 1% of men
#77ebfc Tritanopia 0.001% of the population

Trichromacy

#aae582 Protanomaly 1% of men, 0.01% of women
#b4e099 Deuteranomaly 6% of men, 0.4% of women
#5defd1 Tritanomaly 0.01% of the population

#31f885 hex color

#31f885 Color Information

#31f885 Color Conversion

Color Schemes with #31f885

Alternatives to #31f885

#31f885 Preview

Shades and Tints of #31f885

Tones of #31f885

Color Blindness Simulator