#31ede2 hex color

In a RGB color space, hex #31ede2 is composed of 19.2% red, 92.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 0% magenta, 4.6% yellow and 7.1% black. It has a hue angle of 176.5 degrees, a saturation of 83.9% and a lightness of 56.1%. #31ede2 color hex could be obtained by blending #62ffff with #00dbc5. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 93
- B 89
RGB color chart
- C 79
- M 0
- Y 5
- K 7
CMYK color chart

● #31ede2 color description : Bright cyan.

The hexadecimal color #31ede2 has RGB values of R:49, G:237, B:226 and CMYK values of C:0.79, M:0, Y:0.05, K:0.07. Its decimal value is 3272162.

Hex triplet	31ede2	`#31ede2`
RGB Decimal	49, 237, 226	`rgb(49,237,226)`
RGB Percent	19.2, 92.9, 88.6	`rgb(19.2%,92.9%,88.6%)`
CMYK	79, 0, 5, 7
HSL	176.5°, 83.9, 56.1	`hsl(176.5,83.9%,56.1%)`
HSV (or HSB)	176.5°, 79.3, 92.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.356, -46.393, -7.533
XYZ	45.274, 66.708, 82.437
xyY	0.233, 0.343, 66.708
CIE-LCH	85.356, 47.001, 189.223
CIE-LUV	85.356, -64.141, -4.533
Hunter-Lab	81.675, -43.985, -2.671
Binary	00110001, 11101101, 11100010

#31ede2
```
#31ede2 rgb(49,237,226)
```
#ed313c
```
#ed313c rgb(237,49,60)
```

Complementary Color

#31ed84
```
#31ed84 rgb(49,237,132)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#319aed
```
#319aed rgb(49,154,237)
```

Analogous Color

#ed8431
```
#ed8431 rgb(237,132,49)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#ed319a
```
#ed319a rgb(237,49,154)
```

Split Complementary Color

#ede231
```
#ede231 rgb(237,226,49)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#e231ed
```
#e231ed rgb(226,49,237)
```

Triadic Color

#3ced31
```
#3ced31 rgb(60,237,49)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#e231ed
```
#e231ed rgb(226,49,237)
```
#ed313c
```
#ed313c rgb(237,49,60)
```

Tetradic Color

#11c1b6
```
#11c1b6 rgb(17,193,182)
```
#13d8cd
```
#13d8cd rgb(19,216,205)
```
#1aebdf
```
#1aebdf rgb(26,235,223)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#48efe5
```
#48efe5 rgb(72,239,229)
```
#60f1e9
```
#60f1e9 rgb(96,241,233)
```
#77f3ec
```
#77f3ec rgb(119,243,236)
```

Monochromatic Color

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

#31edb3
```
#31edb3 rgb(49,237,179)
```
#31edc3
```
#31edc3 rgb(49,237,195)
```
#31edd2
```
#31edd2 rgb(49,237,210)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#31e8ed
```
#31e8ed rgb(49,232,237)
```
#31d9ed
```
#31d9ed rgb(49,217,237)
```
#31c9ed
```
#31c9ed rgb(49,201,237)
```

Similar Colors

Text with hexadecimal color #31ede2

This text has a font color of #31ede2.

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

#31ede2 background color

This paragraph has a background color of #31ede2.

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

#31ede2 border color

This element has a border color of #31ede2.

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

CSS codes

.text {color:#31ede2;}

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

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

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

#010a0a
```
#010a0a rgb(1,10,10)
```
#021d1b
```
#021d1b rgb(2,29,27)
```
#042f2c
```
#042f2c rgb(4,47,44)
```
#06413d
```
#06413d rgb(6,65,61)
```
#07534e
```
#07534e rgb(7,83,78)
```
#09655f
```
#09655f rgb(9,101,95)
```
#0a7770
```
#0a7770 rgb(10,119,112)
```
#0c8981
```
#0c8981 rgb(12,137,129)
```
#0e9b93
```
#0e9b93 rgb(14,155,147)
```
#0fada4
```
#0fada4 rgb(15,173,164)
```
#11bfb5
```
#11bfb5 rgb(17,191,181)
```
#12d1c6
```
#12d1c6 rgb(18,209,198)
```
#14e3d7
```
#14e3d7 rgb(20,227,215)
```

Shade Color Variation

#1febdf
```
#1febdf rgb(31,235,223)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#43efe5
```
#43efe5 rgb(67,239,229)
```
#55f0e7
```
#55f0e7 rgb(85,240,231)
```
#67f2ea
```
#67f2ea rgb(103,242,234)
```
#79f3ec
```
#79f3ec rgb(121,243,236)
```
#8bf5ef
```
#8bf5ef rgb(139,245,239)
```
#9df6f1
```
#9df6f1 rgb(157,246,241)
```
#aff8f4
```
#aff8f4 rgb(175,248,244)
```
#c1faf6
```
#c1faf6 rgb(193,250,246)
```
#d3fbf9
```
#d3fbf9 rgb(211,251,249)
```
#e5fdfb
```
#e5fdfb rgb(229,253,251)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #879796 is the less saturated color, while #20fef1 is the most saturated one.

#879796
```
#879796 rgb(135,151,150)
```
#7f9f9e
```
#7f9f9e rgb(127,159,158)
```
#76a8a5
```
#76a8a5 rgb(118,168,165)
```
#6db1ad
```
#6db1ad rgb(109,177,173)
```
#65b9b4
```
#65b9b4 rgb(101,185,180)
```
#5cc2bc
```
#5cc2bc rgb(92,194,188)
```
#53cbc4
```
#53cbc4 rgb(83,203,196)
```
#4bd3cb
```
#4bd3cb rgb(75,211,203)
```
#42dcd3
```
#42dcd3 rgb(66,220,211)
```
#3ae4da
```
#3ae4da rgb(58,228,218)
```
#31ede2
```
#31ede2 rgb(49,237,226)
```
#28f6ea
```
#28f6ea rgb(40,246,234)
```
#20fef1
```
#20fef1 rgb(32,254,241)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9abfbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd6d6 Protanopia 1% of men
#e0d2ed Deuteranopia 1% of men
#52eafb Tritanopia 0.001% of the population

Trichromacy

#9ddeda Protanomaly 1% of men, 0.01% of women
#a0dbe9 Deuteranomaly 6% of men, 0.4% of women
#46ebf2 Tritanomaly 0.01% of the population

#31ede2 hex color

#31ede2 Color Information

#31ede2 Color Conversion

Color Schemes with #31ede2

Alternatives to #31ede2

#31ede2 Preview

Shades and Tints of #31ede2

Tones of #31ede2

Color Blindness Simulator