#31bf9b hex color

In a RGB color space, hex #31bf9b is composed of 19.2% red, 74.9% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 18.8% yellow and 25.1% black. It has a hue angle of 164.8 degrees, a saturation of 59.2% and a lightness of 47.1%. #31bf9b color hex could be obtained by blending #62ffff with #007f37. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #31bf9b has RGB values of R:49, G:191, B:155 and CMYK values of C:0.74, M:0, Y:0.19, K:0.25. Its decimal value is 3260315.

Hex triplet	31bf9b	`#31bf9b`
RGB Decimal	49, 191, 155	`rgb(49,191,155)`
RGB Percent	19.2, 74.9, 60.8	`rgb(19.2%,74.9%,60.8%)`
CMYK	74, 0, 19, 25
HSL	164.8°, 59.2, 47.1	`hsl(164.8,59.2%,47.1%)`
HSV (or HSB)	164.8°, 74.3, 74.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.668, -45.467, 7.608
XYZ	25.812, 40.279, 37.423
xyY	0.249, 0.389, 40.279
CIE-LCH	69.668, 46.1, 170.501
CIE-LUV	69.668, -53.202, 18.157
Hunter-Lab	63.465, -38.468, 9.465
Binary	00110001, 10111111, 10011011

#31bf9b
```
#31bf9b rgb(49,191,155)
```
#bf3155
```
#bf3155 rgb(191,49,85)
```

Complementary Color

#31bf54
```
#31bf54 rgb(49,191,84)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```
#319cbf
```
#319cbf rgb(49,156,191)
```

Analogous Color

#bf5431
```
#bf5431 rgb(191,84,49)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```
#bf319c
```
#bf319c rgb(191,49,156)
```

Split Complementary Color

#bf9b31
```
#bf9b31 rgb(191,155,49)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```
#9b31bf
```
#9b31bf rgb(155,49,191)
```

Triadic Color

#55bf31
```
#55bf31 rgb(85,191,49)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```
#9b31bf
```
#9b31bf rgb(155,49,191)
```
#bf3155
```
#bf3155 rgb(191,49,85)
```

Tetradic Color

#21826a
```
#21826a rgb(33,130,106)
```
#27967a
```
#27967a rgb(39,150,122)
```
#2cab8b
```
#2cab8b rgb(44,171,139)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```
#3ccda8
```
#3ccda8 rgb(60,205,168)
```
#51d2b1
```
#51d2b1 rgb(81,210,177)
```
#65d7ba
```
#65d7ba rgb(101,215,186)
```

Monochromatic Color

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

#31bf78
```
#31bf78 rgb(49,191,120)
```
#31bf83
```
#31bf83 rgb(49,191,131)
```
#31bf8f
```
#31bf8f rgb(49,191,143)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```
#31bfa7
```
#31bfa7 rgb(49,191,167)
```
#31bfb3
```
#31bfb3 rgb(49,191,179)
```
#31bfbf
```
#31bfbf rgb(49,191,191)
```

Similar Colors

Text with hexadecimal color #31bf9b

This text has a font color of #31bf9b.

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

#31bf9b background color

This paragraph has a background color of #31bf9b.

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

#31bf9b border color

This element has a border color of #31bf9b.

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

CSS codes

.text {color:#31bf9b;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051310
```
#051310 rgb(5,19,16)
```
#09231c
```
#09231c rgb(9,35,28)
```
#0d3329
```
#0d3329 rgb(13,51,41)
```
#114236
```
#114236 rgb(17,66,54)
```
#155242
```
#155242 rgb(21,82,66)
```
#19614f
```
#19614f rgb(25,97,79)
```
#1d715c
```
#1d715c rgb(29,113,92)
```
#218168
```
#218168 rgb(33,129,104)
```
#259075
```
#259075 rgb(37,144,117)
```
#29a082
```
#29a082 rgb(41,160,130)
```
#2daf8e
```
#2daf8e rgb(45,175,142)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```

Shade Color Variation

#38cca6
```
#38cca6 rgb(56,204,166)
```
#47d0ad
```
#47d0ad rgb(71,208,173)
```
#57d4b4
```
#57d4b4 rgb(87,212,180)
```
#67d8bb
```
#67d8bb rgb(103,216,187)
```
#76dcc2
```
#76dcc2 rgb(118,220,194)
```
#86e0c9
```
#86e0c9 rgb(134,224,201)
```
#95e4d0
```
#95e4d0 rgb(149,228,208)
```
#a5e8d7
```
#a5e8d7 rgb(165,232,215)
```
#b5ecde
```
#b5ecde rgb(181,236,222)
```
#c4f0e5
```
#c4f0e5 rgb(196,240,229)
```
#d4f4ec
```
#d4f4ec rgb(212,244,236)
```
#e3f8f3
```
#e3f8f3 rgb(227,248,243)
```
#f3fcfa
```
#f3fcfa rgb(243,252,250)
```

Tint Color Variation

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

#727e7b
```
#727e7b rgb(114,126,123)
```
#688880
```
#688880 rgb(104,136,128)
```
#5f9184
```
#5f9184 rgb(95,145,132)
```
#569a89
```
#569a89 rgb(86,154,137)
```
#4da38d
```
#4da38d rgb(77,163,141)
```
#43ad92
```
#43ad92 rgb(67,173,146)
```
#3ab696
```
#3ab696 rgb(58,182,150)
```
#31bf9b
```
#31bf9b rgb(49,191,155)
```
#28c8a0
```
#28c8a0 rgb(40,200,160)
```
#1fd1a4
```
#1fd1a4 rgb(31,209,164)
```
#15dba9
```
#15dba9 rgb(21,219,169)
```
#0ce4ad
```
#0ce4ad rgb(12,228,173)
```
#03edb2
```
#03edb2 rgb(3,237,178)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d9992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ae96 Protanopia 1% of men
#c0a9a9 Deuteranopia 1% of men
#56bcca Tritanopia 0.001% of the population

Trichromacy

#86b498 Protanomaly 1% of men, 0.01% of women
#8cb1a3 Deuteranomaly 6% of men, 0.4% of women
#48bdb9 Tritanomaly 0.01% of the population

#31bf9b hex color

#31bf9b Color Information

#31bf9b Color Conversion

Color Schemes with #31bf9b

Alternatives to #31bf9b

#31bf9b Preview

Shades and Tints of #31bf9b

Tones of #31bf9b

Color Blindness Simulator