#31be7a hex color

In a RGB color space, hex #31be7a is composed of 19.2% red, 74.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 35.8% yellow and 25.5% black. It has a hue angle of 151.1 degrees, a saturation of 59% and a lightness of 46.9%. #31be7a color hex could be obtained by blending #62fff4 with #007d00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 75
- B 48
RGB color chart
- C 74
- M 0
- Y 36
- K 25
CMYK color chart

● #31be7a color description : Moderate cyan - lime green.

The hexadecimal color #31be7a has RGB values of R:49, G:190, B:122 and CMYK values of C:0.74, M:0, Y:0.36, K:0.25. Its decimal value is 3260026.

Hex triplet	31be7a	`#31be7a`
RGB Decimal	49, 190, 122	`rgb(49,190,122)`
RGB Percent	19.2, 74.5, 47.8	`rgb(19.2%,74.5%,47.8%)`
CMYK	74, 0, 36, 25
HSL	151.1°, 59, 46.9	`hsl(151.1,59%,46.9%)`
HSV (or HSB)	151.1°, 74.2, 74.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.666, -52.502, 24.01
XYZ	23.191, 38.883, 24.694
xyY	0.267, 0.448, 38.883
CIE-LCH	68.666, 57.731, 155.425
CIE-LUV	68.666, -54.92, 40.972
Hunter-Lab	62.356, -42.736, 20.169
Binary	00110001, 10111110, 01111010

#31be7a
```
#31be7a rgb(49,190,122)
```
#be3175
```
#be3175 rgb(190,49,117)
```

Complementary Color

#31be34
```
#31be34 rgb(49,190,52)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#31bcbe
```
#31bcbe rgb(49,188,190)
```

Analogous Color

#be3431
```
#be3431 rgb(190,52,49)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#be31bc
```
#be31bc rgb(190,49,188)
```

Split Complementary Color

#be7a31
```
#be7a31 rgb(190,122,49)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#7a31be
```
#7a31be rgb(122,49,190)
```

Triadic Color

#75be31
```
#75be31 rgb(117,190,49)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#7a31be
```
#7a31be rgb(122,49,190)
```
#be3175
```
#be3175 rgb(190,49,117)
```

Tetradic Color

#218153
```
#218153 rgb(33,129,83)
```
#279560
```
#279560 rgb(39,149,96)
```
#2caa6d
```
#2caa6d rgb(44,170,109)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#3ccd87
```
#3ccd87 rgb(60,205,135)
```
#50d293
```
#50d293 rgb(80,210,147)
```
#64d7a0
```
#64d7a0 rgb(100,215,160)
```

Monochromatic Color

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

#31be57
```
#31be57 rgb(49,190,87)
```
#31be63
```
#31be63 rgb(49,190,99)
```
#31be6e
```
#31be6e rgb(49,190,110)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#31be92
```
#31be92 rgb(49,190,146)
```
#31be9d
```
#31be9d rgb(49,190,157)
```

Similar Colors

Text with hexadecimal color #31be7a

This text has a font color of #31be7a.

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

#31be7a background color

This paragraph has a background color of #31be7a.

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

#31be7a border color

This element has a border color of #31be7a.

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

CSS codes

.text {color:#31be7a;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05120c
```
#05120c rgb(5,18,12)
```
#092216
```
#092216 rgb(9,34,22)
```
#0d3220
```
#0d3220 rgb(13,50,32)
```
#11412a
```
#11412a rgb(17,65,42)
```
#155134
```
#155134 rgb(21,81,52)
```
#19603e
```
#19603e rgb(25,96,62)
```
#1d7048
```
#1d7048 rgb(29,112,72)
```
#218052
```
#218052 rgb(33,128,82)
```
#258f5c
```
#258f5c rgb(37,143,92)
```
#299f66
```
#299f66 rgb(41,159,102)
```
#2dae70
```
#2dae70 rgb(45,174,112)
```
#31be7a
```
#31be7a rgb(49,190,122)
```

Shade Color Variation

#37cb84
```
#37cb84 rgb(55,203,132)
```
#47cf8e
```
#47cf8e rgb(71,207,142)
```
#56d497
```
#56d497 rgb(86,212,151)
```
#66d8a1
```
#66d8a1 rgb(102,216,161)
```
#76dcaa
```
#76dcaa rgb(118,220,170)
```
#85e0b4
```
#85e0b4 rgb(133,224,180)
```
#95e4be
```
#95e4be rgb(149,228,190)
```
#a4e8c7
```
#a4e8c7 rgb(164,232,199)
```
#b4ecd1
```
#b4ecd1 rgb(180,236,209)
```
#c3f0da
```
#c3f0da rgb(195,240,218)
```
#d3f4e4
```
#d3f4e4 rgb(211,244,228)
```
#e3f8ee
```
#e3f8ee rgb(227,248,238)
```
#f2fcf7
```
#f2fcf7 rgb(242,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717e78 is the less saturated color, while #03ec7c is the most saturated one.

#717e78
```
#717e78 rgb(113,126,120)
```
#688778
```
#688778 rgb(104,135,120)
```
#5f9078
```
#5f9078 rgb(95,144,120)
```
#569979
```
#569979 rgb(86,153,121)
```
#4da279
```
#4da279 rgb(77,162,121)
```
#43ac79
```
#43ac79 rgb(67,172,121)
```
#3ab57a
```
#3ab57a rgb(58,181,122)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#28c77a
```
#28c77a rgb(40,199,122)
```
#1fd07b
```
#1fd07b rgb(31,208,123)
```
#15da7b
```
#15da7b rgb(21,218,123)
```
#0ce37b
```
#0ce37b rgb(12,227,123)
```
#03ec7c
```
#03ec7c rgb(3,236,124)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a9688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ab78 Protanopia 1% of men
#c7a58a Deuteranopia 1% of men
#5eb8c6 Tritanopia 0.001% of the population

Trichromacy

#87b278 Protanomaly 1% of men, 0.01% of women
#90ae84 Deuteranomaly 6% of men, 0.4% of women
#4dbaaa Tritanomaly 0.01% of the population

#31be7a hex color

#31be7a Color Information

#31be7a Color Conversion

Color Schemes with #31be7a

Alternatives to #31be7a

#31be7a Preview

Shades and Tints of #31be7a

Tones of #31be7a

Color Blindness Simulator