colorhexa.com

#31f1e9 hex color

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

- R 19
- G 95
- B 91
RGB color chart
- C 80
- M 0
- Y 3
- K 5
CMYK color chart

● #31f1e9 color description : Bright cyan.

The hexadecimal color #31f1e9 has RGB values of R:49, G:241, B:233 and CMYK values of C:0.8, M:0, Y:0.03, K:0.05. Its decimal value is 3273193.

Hex triplet	31f1e9	`#31f1e9`
RGB Decimal	49, 241, 233	`rgb(49,241,233)`
RGB Percent	19.2, 94.5, 91.4	`rgb(19.2%,94.5%,91.4%)`
CMYK	80, 0, 3, 5
HSL	177.5°, 87.3, 56.9	`hsl(177.5,87.3%,56.9%)`
HSV (or HSB)	177.5°, 79.7, 94.5
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.722, -46.193, -9.182
XYZ	47.425, 69.442, 87.99
xyY	0.232, 0.339, 69.442
CIE-LCH	86.722, 47.097, 191.242
CIE-LUV	86.722, -64.977, -7.244
Hunter-Lab	83.332, -44.244, -4.272
Binary	00110001, 11110001, 11101001

#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#f13139
```
#f13139 rgb(241,49,57)
```

Complementary Color

#31f189
```
#31f189 rgb(49,241,137)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#3199f1
```
#3199f1 rgb(49,153,241)
```

Analogous Color

#f18931
```
#f18931 rgb(241,137,49)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#f13199
```
#f13199 rgb(241,49,153)
```

Split Complementary Color

#f1e931
```
#f1e931 rgb(241,233,49)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#e931f1
```
#e931f1 rgb(233,49,241)
```

Triadic Color

#39f131
```
#39f131 rgb(57,241,49)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#e931f1
```
#e931f1 rgb(233,49,241)
```
#f13139
```
#f13139 rgb(241,49,57)
```

Tetradic Color

#0ec8c0
```
#0ec8c0 rgb(14,200,192)
```
#0fe0d7
```
#0fe0d7 rgb(15,224,215)
```
#19efe6
```
#19efe6 rgb(25,239,230)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#49f3ec
```
#49f3ec rgb(73,243,236)
```
#61f4ee
```
#61f4ee rgb(97,244,238)
```
#79f6f1
```
#79f6f1 rgb(121,246,241)
```

Monochromatic Color

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

#31f1b9
```
#31f1b9 rgb(49,241,185)
```
#31f1c9
```
#31f1c9 rgb(49,241,201)
```
#31f1d9
```
#31f1d9 rgb(49,241,217)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#31e9f1
```
#31e9f1 rgb(49,233,241)
```
#31d9f1
```
#31d9f1 rgb(49,217,241)
```
#31c9f1
```
#31c9f1 rgb(49,201,241)
```

Similar Colors

Text with hexadecimal color #31f1e9

This text has a font color of #31f1e9.

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

#31f1e9 background color

This paragraph has a background color of #31f1e9.

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

#31f1e9 border color

This element has a border color of #31f1e9.

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

CSS codes

.text {color:#31f1e9;}

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

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

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

#010e0e
```
#010e0e rgb(1,14,14)
```
#022120
```
#022120 rgb(2,33,32)
```
#033331
```
#033331 rgb(3,51,49)
```
#054643
```
#054643 rgb(5,70,67)
```
#065854
```
#065854 rgb(6,88,84)
```
#076a66
```
#076a66 rgb(7,106,102)
```
#087d78
```
#087d78 rgb(8,125,120)
```
#0a8f89
```
#0a8f89 rgb(10,143,137)
```
#0ba19b
```
#0ba19b rgb(11,161,155)
```
#0cb4ad
```
#0cb4ad rgb(12,180,173)
```
#0dc6be
```
#0dc6be rgb(13,198,190)
```
#0fd8d0
```
#0fd8d0 rgb(15,216,208)
```
#10ebe2
```
#10ebe2 rgb(16,235,226)
```

Shade Color Variation

#1ff0e7
```
#1ff0e7 rgb(31,240,231)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#43f2eb
```
#43f2eb rgb(67,242,235)
```
#56f3ed
```
#56f3ed rgb(86,243,237)
```
#68f5ef
```
#68f5ef rgb(104,245,239)
```
#7af6f1
```
#7af6f1 rgb(122,246,241)
```
#8df7f3
```
#8df7f3 rgb(141,247,243)
```
#9ff8f5
```
#9ff8f5 rgb(159,248,245)
```
#b2faf7
```
#b2faf7 rgb(178,250,247)
```
#c4fbf9
```
#c4fbf9 rgb(196,251,249)
```
#d6fcfb
```
#d6fcfb rgb(214,252,251)
```
#e9fdfd
```
#e9fdfd rgb(233,253,253)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#8e9494
```
#8e9494 rgb(142,148,148)
```
#869c9b
```
#869c9b rgb(134,156,155)
```
#7da5a3
```
#7da5a3 rgb(125,165,163)
```
#75adab
```
#75adab rgb(117,173,171)
```
#6cb6b3
```
#6cb6b3 rgb(108,182,179)
```
#64beba
```
#64beba rgb(100,190,186)
```
#5bc7c2
```
#5bc7c2 rgb(91,199,194)
```
#53cfca
```
#53cfca rgb(83,207,202)
```
#4ad8d2
```
#4ad8d2 rgb(74,216,210)
```
#42e0d9
```
#42e0d9 rgb(66,224,217)
```
#39e9e1
```
#39e9e1 rgb(57,233,225)
```
#31f1e9
```
#31f1e9 rgb(49,241,233)
```
#29f9f1
```
#29f9f1 rgb(41,249,241)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#9cc3c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd9dd Protanopia 1% of men
#e2d5f4 Deuteranopia 1% of men
#58edff Tritanopia 0.001% of the population

Trichromacy

#9fe2e1 Protanomaly 1% of men, 0.01% of women
#a2dff0 Deuteranomaly 6% of men, 0.4% of women
#4aeff7 Tritanomaly 0.01% of the population