#31f2af hex color

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

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

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

The hexadecimal color #31f2af has RGB values of R:49, G:242, B:175 and CMYK values of C:0.8, M:0, Y:0.28, K:0.05. Its decimal value is 3273391.

Hex triplet	31f2af	`#31f2af`
RGB Decimal	49, 242, 175	`rgb(49,242,175)`
RGB Percent	19.2, 94.9, 68.6	`rgb(19.2%,94.9%,68.6%)`
CMYK	80, 0, 28, 5
HSL	159.2°, 88.1, 57.1	`hsl(159.2,88.1%,57.1%)`
HSV (or HSB)	159.2°, 79.8, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.629, -61.025, 19.508
XYZ	40.753, 67.248, 51.387
xyY	0.256, 0.422, 67.248
CIE-LCH	85.629, 64.067, 162.272
CIE-LUV	85.629, -69.469, 38.405
Hunter-Lab	82.005, -54.801, 20.25
Binary	00110001, 11110010, 10101111

#31f2af
```
#31f2af rgb(49,242,175)
```
#f23174
```
#f23174 rgb(242,49,116)
```

Complementary Color

#31f24f
```
#31f24f rgb(49,242,79)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#31d5f2
```
#31d5f2 rgb(49,213,242)
```

Analogous Color

#f24f31
```
#f24f31 rgb(242,79,49)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#f231d5
```
#f231d5 rgb(242,49,213)
```

Split Complementary Color

#f2af31
```
#f2af31 rgb(242,175,49)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#af31f2
```
#af31f2 rgb(175,49,242)
```

Triadic Color

#74f231
```
#74f231 rgb(116,242,49)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#af31f2
```
#af31f2 rgb(175,49,242)
```
#f23174
```
#f23174 rgb(242,49,116)
```

Tetradic Color

#0dca88
```
#0dca88 rgb(13,202,136)
```
#0ee298
```
#0ee298 rgb(14,226,152)
```
#19f0a6
```
#19f0a6 rgb(25,240,166)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#49f4b8
```
#49f4b8 rgb(73,244,184)
```
#61f5c2
```
#61f5c2 rgb(97,245,194)
```
#79f7cb
```
#79f7cb rgb(121,247,203)
```

Monochromatic Color

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

#31f27f
```
#31f27f rgb(49,242,127)
```
#31f28f
```
#31f28f rgb(49,242,143)
```
#31f29f
```
#31f29f rgb(49,242,159)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#31f2bf
```
#31f2bf rgb(49,242,191)
```
#31f2cf
```
#31f2cf rgb(49,242,207)
```
#31f2df
```
#31f2df rgb(49,242,223)
```

Similar Colors

Text with hexadecimal color #31f2af

This text has a font color of #31f2af.

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

#31f2af background color

This paragraph has a background color of #31f2af.

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

#31f2af border color

This element has a border color of #31f2af.

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

CSS codes

.text {color:#31f2af;}

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

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

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

#010f0a
```
#010f0a rgb(1,15,10)
```
#022217
```
#022217 rgb(2,34,23)
```
#033423
```
#033423 rgb(3,52,35)
```
#044730
```
#044730 rgb(4,71,48)
```
#06593c
```
#06593c rgb(6,89,60)
```
#076c49
```
#076c49 rgb(7,108,73)
```
#087e55
```
#087e55 rgb(8,126,85)
```
#099162
```
#099162 rgb(9,145,98)
```
#0aa36e
```
#0aa36e rgb(10,163,110)
```
#0bb57a
```
#0bb57a rgb(11,181,122)
```
#0dc887
```
#0dc887 rgb(13,200,135)
```
#0eda93
```
#0eda93 rgb(14,218,147)
```
#0feda0
```
#0feda0 rgb(15,237,160)
```

Shade Color Variation

#1ff1a8
```
#1ff1a8 rgb(31,241,168)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#43f3b6
```
#43f3b6 rgb(67,243,182)
```
#56f4bd
```
#56f4bd rgb(86,244,189)
```
#68f5c4
```
#68f5c4 rgb(104,245,196)
```
#7bf7cc
```
#7bf7cc rgb(123,247,204)
```
#8df8d3
```
#8df8d3 rgb(141,248,211)
```
#a0f9da
```
#a0f9da rgb(160,249,218)
```
#b2fae1
```
#b2fae1 rgb(178,250,225)
```
#c5fbe8
```
#c5fbe8 rgb(197,251,232)
```
#d7fcef
```
#d7fcef rgb(215,252,239)
```
#eafef7
```
#eafef7 rgb(234,254,247)
```
#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 #29fab2 is the most saturated one.

#8e9593
```
#8e9593 rgb(142,149,147)
```
#859e95
```
#859e95 rgb(133,158,149)
```
#7da698
```
#7da698 rgb(125,166,152)
```
#74af9a
```
#74af9a rgb(116,175,154)
```
#6cb79d
```
#6cb79d rgb(108,183,157)
```
#64bfa0
```
#64bfa0 rgb(100,191,160)
```
#5bc8a2
```
#5bc8a2 rgb(91,200,162)
```
#53d0a5
```
#53d0a5 rgb(83,208,165)
```
#4ad9a7
```
#4ad9a7 rgb(74,217,167)
```
#42e1aa
```
#42e1aa rgb(66,225,170)
```
#39eaac
```
#39eaac rgb(57,234,172)
```
#31f2af
```
#31f2af rgb(49,242,175)
```
#29fab2
```
#29fab2 rgb(41,250,178)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97beb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d7a7 Protanopia 1% of men
#f5d0be Deuteranopia 1% of men
#6ae9fa Tritanopia 0.001% of the population

Trichromacy

#a4e1aa Protanomaly 1% of men, 0.01% of women
#aedcb9 Deuteranomaly 6% of men, 0.4% of women
#55ecde Tritanomaly 0.01% of the population

#31f2af hex color

#31f2af Color Information

#31f2af Color Conversion

Color Schemes with #31f2af

Alternatives to #31f2af

#31f2af Preview

Shades and Tints of #31f2af

Tones of #31f2af

Color Blindness Simulator