#31f1a0 hex color

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

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

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

The hexadecimal color #31f1a0 has RGB values of R:49, G:241, B:160 and CMYK values of C:0.8, M:0, Y:0.34, K:0.05. Its decimal value is 3273120.

Hex triplet	31f1a0	`#31f1a0`
RGB Decimal	49, 241, 160	`rgb(49,241,160)`
RGB Percent	19.2, 94.5, 62.7	`rgb(19.2%,94.5%,62.7%)`
CMYK	80, 0, 34, 5
HSL	154.7°, 87.3, 56.9	`hsl(154.7,87.3%,56.9%)`
HSV (or HSB)	154.7°, 79.7, 94.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.046, -63.795, 26.404
XYZ	39.064, 66.098, 43.955
xyY	0.262, 0.443, 66.098
CIE-LCH	85.046, 69.043, 157.516
CIE-LUV	85.046, -70.11, 48.021
Hunter-Lab	81.3, -56.508, 24.855
Binary	00110001, 11110001, 10100000

#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#f13182
```
#f13182 rgb(241,49,130)
```

Complementary Color

#31f140
```
#31f140 rgb(49,241,64)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#31e2f1
```
#31e2f1 rgb(49,226,241)
```

Analogous Color

#f14031
```
#f14031 rgb(241,64,49)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#f131e2
```
#f131e2 rgb(241,49,226)
```

Split Complementary Color

#f1a031
```
#f1a031 rgb(241,160,49)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#a031f1
```
#a031f1 rgb(160,49,241)
```

Triadic Color

#82f131
```
#82f131 rgb(130,241,49)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#a031f1
```
#a031f1 rgb(160,49,241)
```
#f13182
```
#f13182 rgb(241,49,130)
```

Tetradic Color

#0ec879
```
#0ec879 rgb(14,200,121)
```
#0fe088
```
#0fe088 rgb(15,224,136)
```
#19ef95
```
#19ef95 rgb(25,239,149)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#49f3ab
```
#49f3ab rgb(73,243,171)
```
#61f4b6
```
#61f4b6 rgb(97,244,182)
```
#79f6c1
```
#79f6c1 rgb(121,246,193)
```

Monochromatic Color

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

#31f170
```
#31f170 rgb(49,241,112)
```
#31f180
```
#31f180 rgb(49,241,128)
```
#31f190
```
#31f190 rgb(49,241,144)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#31f1b0
```
#31f1b0 rgb(49,241,176)
```
#31f1c0
```
#31f1c0 rgb(49,241,192)
```
#31f1d0
```
#31f1d0 rgb(49,241,208)
```

Similar Colors

Text with hexadecimal color #31f1a0

This text has a font color of #31f1a0.

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

#31f1a0 background color

This paragraph has a background color of #31f1a0.

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

#31f1a0 border color

This element has a border color of #31f1a0.

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

CSS codes

.text {color:#31f1a0;}

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

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

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

#010e09
```
#010e09 rgb(1,14,9)
```
#022114
```
#022114 rgb(2,33,20)
```
#03331f
```
#03331f rgb(3,51,31)
```
#05462a
```
#05462a rgb(5,70,42)
```
#065835
```
#065835 rgb(6,88,53)
```
#076a40
```
#076a40 rgb(7,106,64)
```
#087d4c
```
#087d4c rgb(8,125,76)
```
#0a8f57
```
#0a8f57 rgb(10,143,87)
```
#0ba162
```
#0ba162 rgb(11,161,98)
```
#0cb46d
```
#0cb46d rgb(12,180,109)
```
#0dc678
```
#0dc678 rgb(13,198,120)
```
#0fd883
```
#0fd883 rgb(15,216,131)
```
#10eb8e
```
#10eb8e rgb(16,235,142)
```

Shade Color Variation

#1ff098
```
#1ff098 rgb(31,240,152)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#43f2a8
```
#43f2a8 rgb(67,242,168)
```
#56f3b1
```
#56f3b1 rgb(86,243,177)
```
#68f5b9
```
#68f5b9 rgb(104,245,185)
```
#7af6c2
```
#7af6c2 rgb(122,246,194)
```
#8df7ca
```
#8df7ca rgb(141,247,202)
```
#9ff8d3
```
#9ff8d3 rgb(159,248,211)
```
#b2fadb
```
#b2fadb rgb(178,250,219)
```
#c4fbe4
```
#c4fbe4 rgb(196,251,228)
```
#d6fcec
```
#d6fcec rgb(214,252,236)
```
#e9fdf5
```
#e9fdf5 rgb(233,253,245)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#8e9491
```
#8e9491 rgb(142,148,145)
```
#869c93
```
#869c93 rgb(134,156,147)
```
#7da594
```
#7da594 rgb(125,165,148)
```
#75ad95
```
#75ad95 rgb(117,173,149)
```
#6cb697
```
#6cb697 rgb(108,182,151)
```
#64be98
```
#64be98 rgb(100,190,152)
```
#5bc799
```
#5bc799 rgb(91,199,153)
```
#53cf9b
```
#53cf9b rgb(83,207,155)
```
#4ad89c
```
#4ad89c rgb(74,216,156)
```
#42e09d
```
#42e09d rgb(66,224,157)
```
#39e99f
```
#39e99f rgb(57,233,159)
```
#31f1a0
```
#31f1a0 rgb(49,241,160)
```
#29f9a1
```
#29f9a1 rgb(41,249,161)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#95bbab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d699 Protanopia 1% of men
#f7ceb1 Deuteranopia 1% of men
#6ee7f8 Tritanopia 0.001% of the population

Trichromacy

#a4e09c Protanomaly 1% of men, 0.01% of women
#afdbaa Deuteranomaly 6% of men, 0.4% of women
#57ead8 Tritanomaly 0.01% of the population

#31f1a0 hex color

#31f1a0 Color Information

#31f1a0 Color Conversion

Color Schemes with #31f1a0

Alternatives to #31f1a0

#31f1a0 Preview

Shades and Tints of #31f1a0

Tones of #31f1a0

Color Blindness Simulator