#31f1bc hex color

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

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

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

The hexadecimal color #31f1bc has RGB values of R:49, G:241, B:188 and CMYK values of C:0.8, M:0, Y:0.22, K:0.05. Its decimal value is 3273148.

Hex triplet	31f1bc	`#31f1bc`
RGB Decimal	49, 241, 188	`rgb(49,241,188)`
RGB Percent	19.2, 94.5, 73.7	`rgb(19.2%,94.5%,73.7%)`
CMYK	80, 0, 22, 5
HSL	163.4°, 87.3, 56.9	`hsl(163.4,87.3%,56.9%)`
HSV (or HSB)	163.4°, 79.7, 94.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.6, -57.712, 12.73
XYZ	41.795, 67.19, 58.34
xyY	0.25, 0.402, 67.19
CIE-LCH	85.6, 59.099, 167.561
CIE-LUV	85.6, -68.246, 28.309
Hunter-Lab	81.97, -52.432, 15.18
Binary	00110001, 11110001, 10111100

#31f1bc
```
#31f1bc rgb(49,241,188)
```
#f13166
```
#f13166 rgb(241,49,102)
```

Complementary Color

#31f15c
```
#31f15c rgb(49,241,92)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#31c6f1
```
#31c6f1 rgb(49,198,241)
```

Analogous Color

#f15c31
```
#f15c31 rgb(241,92,49)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#f131c6
```
#f131c6 rgb(241,49,198)
```

Split Complementary Color

#f1bc31
```
#f1bc31 rgb(241,188,49)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#bc31f1
```
#bc31f1 rgb(188,49,241)
```

Triadic Color

#66f131
```
#66f131 rgb(102,241,49)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#bc31f1
```
#bc31f1 rgb(188,49,241)
```
#f13166
```
#f13166 rgb(241,49,102)
```

Tetradic Color

#0ec894
```
#0ec894 rgb(14,200,148)
```
#0fe0a6
```
#0fe0a6 rgb(15,224,166)
```
#19efb4
```
#19efb4 rgb(25,239,180)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#49f3c4
```
#49f3c4 rgb(73,243,196)
```
#61f4cc
```
#61f4cc rgb(97,244,204)
```
#79f6d3
```
#79f6d3 rgb(121,246,211)
```

Monochromatic Color

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

#31f18c
```
#31f18c rgb(49,241,140)
```
#31f19c
```
#31f19c rgb(49,241,156)
```
#31f1ac
```
#31f1ac rgb(49,241,172)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#31f1cc
```
#31f1cc rgb(49,241,204)
```
#31f1dc
```
#31f1dc rgb(49,241,220)
```
#31f1ec
```
#31f1ec rgb(49,241,236)
```

Similar Colors

Text with hexadecimal color #31f1bc

This text has a font color of #31f1bc.

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

#31f1bc background color

This paragraph has a background color of #31f1bc.

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

#31f1bc border color

This element has a border color of #31f1bc.

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

CSS codes

.text {color:#31f1bc;}

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

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

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

#010e0b
```
#010e0b rgb(1,14,11)
```
#022118
```
#022118 rgb(2,33,24)
```
#033326
```
#033326 rgb(3,51,38)
```
#054634
```
#054634 rgb(5,70,52)
```
#065841
```
#065841 rgb(6,88,65)
```
#076a4f
```
#076a4f rgb(7,106,79)
```
#087d5d
```
#087d5d rgb(8,125,93)
```
#0a8f6a
```
#0a8f6a rgb(10,143,106)
```
#0ba178
```
#0ba178 rgb(11,161,120)
```
#0cb485
```
#0cb485 rgb(12,180,133)
```
#0dc693
```
#0dc693 rgb(13,198,147)
```
#0fd8a1
```
#0fd8a1 rgb(15,216,161)
```
#10ebae
```
#10ebae rgb(16,235,174)
```

Shade Color Variation

#1ff0b6
```
#1ff0b6 rgb(31,240,182)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#43f2c2
```
#43f2c2 rgb(67,242,194)
```
#56f3c8
```
#56f3c8 rgb(86,243,200)
```
#68f5ce
```
#68f5ce rgb(104,245,206)
```
#7af6d4
```
#7af6d4 rgb(122,246,212)
```
#8df7da
```
#8df7da rgb(141,247,218)
```
#9ff8e0
```
#9ff8e0 rgb(159,248,224)
```
#b2fae6
```
#b2fae6 rgb(178,250,230)
```
#c4fbec
```
#c4fbec rgb(196,251,236)
```
#d6fcf2
```
#d6fcf2 rgb(214,252,242)
```
#e9fdf8
```
#e9fdf8 rgb(233,253,248)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#8e9492
```
#8e9492 rgb(142,148,146)
```
#869c96
```
#869c96 rgb(134,156,150)
```
#7da59a
```
#7da59a rgb(125,165,154)
```
#75ad9e
```
#75ad9e rgb(117,173,158)
```
#6cb6a1
```
#6cb6a1 rgb(108,182,161)
```
#64bea5
```
#64bea5 rgb(100,190,165)
```
#5bc7a9
```
#5bc7a9 rgb(91,199,169)
```
#53cfad
```
#53cfad rgb(83,207,173)
```
#4ad8b1
```
#4ad8b1 rgb(74,216,177)
```
#42e0b4
```
#42e0b4 rgb(66,224,180)
```
#39e9b8
```
#39e9b8 rgb(57,233,184)
```
#31f1bc
```
#31f1bc rgb(49,241,188)
```
#29f9c0
```
#29f9c0 rgb(41,249,192)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#98bfb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d7b3 Protanopia 1% of men
#f1d1ca Deuteranopia 1% of men
#66e9fa Tritanopia 0.001% of the population

Trichromacy

#a3e0b6 Protanomaly 1% of men, 0.01% of women
#abdcc5 Deuteranomaly 6% of men, 0.4% of women
#52ece3 Tritanomaly 0.01% of the population

#31f1bc hex color

#31f1bc Color Information

#31f1bc Color Conversion

Color Schemes with #31f1bc

Alternatives to #31f1bc

#31f1bc Preview

Shades and Tints of #31f1bc

Tones of #31f1bc

Color Blindness Simulator