#31f2ba hex color

In a RGB color space, hex #31f2ba is composed of 19.2% red, 94.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 23.1% yellow and 5.1% black. It has a hue angle of 162.6 degrees, a saturation of 88.1% and a lightness of 57.1%. #31f2ba color hex could be obtained by blending #62ffff with #00e575. Closest websafe color is: #33ffcc.

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

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

The hexadecimal color #31f2ba has RGB values of R:49, G:242, B:186 and CMYK values of C:0.8, M:0, Y:0.23, K:0.05. Its decimal value is 3273402.

Hex triplet	31f2ba	`#31f2ba`
RGB Decimal	49, 242, 186	`rgb(49,242,186)`
RGB Percent	19.2, 94.9, 72.9	`rgb(19.2%,94.9%,72.9%)`
CMYK	80, 0, 23, 5
HSL	162.6°, 88.1, 57.1	`hsl(162.6,88.1%,57.1%)`
HSV (or HSB)	162.6°, 79.8, 94.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.855, -58.562, 14.131
XYZ	41.878, 67.698, 57.312
xyY	0.251, 0.406, 67.698
CIE-LCH	85.855, 60.243, 166.434
CIE-LUV	85.855, -68.721, 30.475
Hunter-Lab	82.279, -53.135, 16.297
Binary	00110001, 11110010, 10111010

#31f2ba
```
#31f2ba rgb(49,242,186)
```
#f23169
```
#f23169 rgb(242,49,105)
```

Complementary Color

#31f25a
```
#31f25a rgb(49,242,90)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#31caf2
```
#31caf2 rgb(49,202,242)
```

Analogous Color

#f25a31
```
#f25a31 rgb(242,90,49)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#f231ca
```
#f231ca rgb(242,49,202)
```

Split Complementary Color

#f2ba31
```
#f2ba31 rgb(242,186,49)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#ba31f2
```
#ba31f2 rgb(186,49,242)
```

Triadic Color

#69f231
```
#69f231 rgb(105,242,49)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#ba31f2
```
#ba31f2 rgb(186,49,242)
```
#f23169
```
#f23169 rgb(242,49,105)
```

Tetradic Color

#0dca93
```
#0dca93 rgb(13,202,147)
```
#0ee2a4
```
#0ee2a4 rgb(14,226,164)
```
#19f0b2
```
#19f0b2 rgb(25,240,178)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#49f4c2
```
#49f4c2 rgb(73,244,194)
```
#61f5ca
```
#61f5ca rgb(97,245,202)
```
#79f7d2
```
#79f7d2 rgb(121,247,210)
```

Monochromatic Color

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

#31f28a
```
#31f28a rgb(49,242,138)
```
#31f29a
```
#31f29a rgb(49,242,154)
```
#31f2aa
```
#31f2aa rgb(49,242,170)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#31f2ca
```
#31f2ca rgb(49,242,202)
```
#31f2da
```
#31f2da rgb(49,242,218)
```
#31f2ea
```
#31f2ea rgb(49,242,234)
```

Similar Colors

Text with hexadecimal color #31f2ba

This text has a font color of #31f2ba.

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

#31f2ba background color

This paragraph has a background color of #31f2ba.

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

#31f2ba border color

This element has a border color of #31f2ba.

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

CSS codes

.text {color:#31f2ba;}

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

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

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

#010f0b
```
#010f0b rgb(1,15,11)
```
#022219
```
#022219 rgb(2,34,25)
```
#033426
```
#033426 rgb(3,52,38)
```
#044734
```
#044734 rgb(4,71,52)
```
#065941
```
#065941 rgb(6,89,65)
```
#076c4e
```
#076c4e rgb(7,108,78)
```
#087e5c
```
#087e5c rgb(8,126,92)
```
#099169
```
#099169 rgb(9,145,105)
```
#0aa377
```
#0aa377 rgb(10,163,119)
```
#0bb584
```
#0bb584 rgb(11,181,132)
```
#0dc892
```
#0dc892 rgb(13,200,146)
```
#0eda9f
```
#0eda9f rgb(14,218,159)
```
#0fedac
```
#0fedac rgb(15,237,172)
```

Shade Color Variation

#1ff1b4
```
#1ff1b4 rgb(31,241,180)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#43f3c0
```
#43f3c0 rgb(67,243,192)
```
#56f4c6
```
#56f4c6 rgb(86,244,198)
```
#68f5cd
```
#68f5cd rgb(104,245,205)
```
#7bf7d3
```
#7bf7d3 rgb(123,247,211)
```
#8df8d9
```
#8df8d9 rgb(141,248,217)
```
#a0f9df
```
#a0f9df rgb(160,249,223)
```
#b2fae5
```
#b2fae5 rgb(178,250,229)
```
#c5fbeb
```
#c5fbeb rgb(197,251,235)
```
#d7fcf2
```
#d7fcf2 rgb(215,252,242)
```
#eafef8
```
#eafef8 rgb(234,254,248)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#8e9593
```
#8e9593 rgb(142,149,147)
```
#859e97
```
#859e97 rgb(133,158,151)
```
#7da69a
```
#7da69a rgb(125,166,154)
```
#74af9e
```
#74af9e rgb(116,175,158)
```
#6cb7a1
```
#6cb7a1 rgb(108,183,161)
```
#64bfa5
```
#64bfa5 rgb(100,191,165)
```
#5bc8a8
```
#5bc8a8 rgb(91,200,168)
```
#53d0ac
```
#53d0ac rgb(83,208,172)
```
#4ad9af
```
#4ad9af rgb(74,217,175)
```
#42e1b3
```
#42e1b3 rgb(66,225,179)
```
#39eab6
```
#39eab6 rgb(57,234,182)
```
#31f2ba
```
#31f2ba rgb(49,242,186)
```
#29fabe
```
#29fabe rgb(41,250,190)
```

Tone Color Variation

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

#e5d8b1 Protanopia 1% of men
#f2d1c9 Deuteranopia 1% of men
#67eafb Tritanopia 0.001% of the population

Trichromacy

#a3e1b4 Protanomaly 1% of men, 0.01% of women
#acddc3 Deuteranomaly 6% of men, 0.4% of women
#53ede3 Tritanomaly 0.01% of the population

#31f2ba hex color

#31f2ba Color Information

#31f2ba Color Conversion

Color Schemes with #31f2ba

Alternatives to #31f2ba

#31f2ba Preview

Shades and Tints of #31f2ba

Tones of #31f2ba

Color Blindness Simulator