#31ffb4 hex color

In a RGB color space, hex #31ffb4 is composed of 19.2% red, 100% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 0% magenta, 29.4% yellow and 0% black. It has a hue angle of 158.2 degrees, a saturation of 100% and a lightness of 59.6%. #31ffb4 color hex could be obtained by blending #62ffff with #00ff69. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 100
- B 71
RGB color chart
- C 81
- M 0
- Y 29
- K 0
CMYK color chart

● #31ffb4 color description : Vivid cyan - lime green.

The hexadecimal color #31ffb4 has RGB values of R:49, G:255, B:180 and CMYK values of C:0.81, M:0, Y:0.29, K:0. Its decimal value is 3276724.

Hex triplet	31ffb4	`#31ffb4`
RGB Decimal	49, 255, 180	`rgb(49,255,180)`
RGB Percent	19.2, 100, 70.6	`rgb(19.2%,100%,70.6%)`
CMYK	81, 0, 29, 0
HSL	158.2°, 100, 59.6	`hsl(158.2,100%,59.6%)`
HSV (or HSB)	158.2°, 80.8, 100
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.61, -64.764, 22.46
XYZ	45.261, 75.464, 55.358
xyY	0.257, 0.429, 75.464
CIE-LCH	89.61, 68.548, 160.874
CIE-LUV	89.61, -73.463, 43.414
Hunter-Lab	86.87, -59.019, 23.026
Binary	00110001, 11111111, 10110100

#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#ff317c
```
#ff317c rgb(255,49,124)
```

Complementary Color

#31ff4d
```
#31ff4d rgb(49,255,77)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#31e3ff
```
#31e3ff rgb(49,227,255)
```

Analogous Color

#ff4d31
```
#ff4d31 rgb(255,77,49)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#ff31e3
```
#ff31e3 rgb(255,49,227)
```

Split Complementary Color

#ffb431
```
#ffb431 rgb(255,180,49)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#b431ff
```
#b431ff rgb(180,49,255)
```

Triadic Color

#7cff31
```
#7cff31 rgb(124,255,49)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#b431ff
```
#b431ff rgb(180,49,255)
```
#ff317c
```
#ff317c rgb(255,49,124)
```

Tetradic Color

#00e491
```
#00e491 rgb(0,228,145)
```
#00fda1
```
#00fda1 rgb(0,253,161)
```
#18ffab
```
#18ffab rgb(24,255,171)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#4bffbd
```
#4bffbd rgb(75,255,189)
```
#64ffc7
```
#64ffc7 rgb(100,255,199)
```
#7effd0
```
#7effd0 rgb(126,255,208)
```

Monochromatic Color

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

#31ff81
```
#31ff81 rgb(49,255,129)
```
#31ff92
```
#31ff92 rgb(49,255,146)
```
#31ffa3
```
#31ffa3 rgb(49,255,163)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#31ffc5
```
#31ffc5 rgb(49,255,197)
```
#31ffd6
```
#31ffd6 rgb(49,255,214)
```
#31ffe8
```
#31ffe8 rgb(49,255,232)
```

Similar Colors

Text with hexadecimal color #31ffb4

This text has a font color of #31ffb4.

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

#31ffb4 background color

This paragraph has a background color of #31ffb4.

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

#31ffb4 border color

This element has a border color of #31ffb4.

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

CSS codes

.text {color:#31ffb4;}

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

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

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, #000a06 is the darkest color, while #f5fffb is the lightest one.

#000a06
```
#000a06 rgb(0,10,6)
```
#001d13
```
#001d13 rgb(0,29,19)
```
#00311f
```
#00311f rgb(0,49,31)
```
#00452c
```
#00452c rgb(0,69,44)
```
#005838
```
#005838 rgb(0,88,56)
```
#006c45
```
#006c45 rgb(0,108,69)
```
#007f51
```
#007f51 rgb(0,127,81)
```
#00935e
```
#00935e rgb(0,147,94)
```
#00a76a
```
#00a76a rgb(0,167,106)
```
#00ba76
```
#00ba76 rgb(0,186,118)
```
#00ce83
```
#00ce83 rgb(0,206,131)
```
#00e28f
```
#00e28f rgb(0,226,143)
```
#00f59c
```
#00f59c rgb(0,245,156)
```

Shade Color Variation

#0affa6
```
#0affa6 rgb(10,255,166)
```
#1dffad
```
#1dffad rgb(29,255,173)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#45ffbb
```
#45ffbb rgb(69,255,187)
```
#58ffc2
```
#58ffc2 rgb(88,255,194)
```
#6cffc9
```
#6cffc9 rgb(108,255,201)
```
#7fffd1
```
#7fffd1 rgb(127,255,209)
```
#93ffd8
```
#93ffd8 rgb(147,255,216)
```
#a7ffdf
```
#a7ffdf rgb(167,255,223)
```
#baffe6
```
#baffe6 rgb(186,255,230)
```
#ceffed
```
#ceffed rgb(206,255,237)
```
#e2fff4
```
#e2fff4 rgb(226,255,244)
```
#f5fffb
```
#f5fffb rgb(245,255,251)
```

Tint Color Variation

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

#90a09a
```
#90a09a rgb(144,160,154)
```
#88a89c
```
#88a89c rgb(136,168,156)
```
#80b09e
```
#80b09e rgb(128,176,158)
```
#78b8a1
```
#78b8a1 rgb(120,184,161)
```
#70c0a3
```
#70c0a3 rgb(112,192,163)
```
#68c8a5
```
#68c8a5 rgb(104,200,165)
```
#61cfa7
```
#61cfa7 rgb(97,207,167)
```
#59d7a9
```
#59d7a9 rgb(89,215,169)
```
#51dfab
```
#51dfab rgb(81,223,171)
```
#49e7ae
```
#49e7ae rgb(73,231,174)
```
#41efb0
```
#41efb0 rgb(65,239,176)
```
#39f7b2
```
#39f7b2 rgb(57,247,178)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#9ec7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e2ab Protanopia 1% of men
#ffdbc8 Deuteranopia 1% of men
#95f0ff Tritanopia 0.001% of the population

Trichromacy

#acecae Protanomaly 1% of men, 0.01% of women
#b4e8c1 Deuteranomaly 6% of men, 0.4% of women
#71f5e3 Tritanomaly 0.01% of the population

#31ffb4 hex color

#31ffb4 Color Information

#31ffb4 Color Conversion

Color Schemes with #31ffb4

Alternatives to #31ffb4

#31ffb4 Preview

Shades and Tints of #31ffb4

Tones of #31ffb4

Color Blindness Simulator