colorhexa.com

#31fbd0 hex color

In a RGB color space, hex #31fbd0 is composed of 19.2% red, 98.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 17.1% yellow and 1.6% black. It has a hue angle of 167.2 degrees, a saturation of 96.2% and a lightness of 58.8%. #31fbd0 color hex could be obtained by blending #62ffff with #00f7a1. Closest websafe color is: #33ffcc.

- R 19
- G 98
- B 82
RGB color chart
- C 80
- M 0
- Y 17
- K 2
CMYK color chart

● #31fbd0 color description : Bright cyan.

The hexadecimal color #31fbd0 has RGB values of R:49, G:251, B:208 and CMYK values of C:0.8, M:0, Y:0.17, K:0.02. Its decimal value is 3275728.

Hex triplet	31fbd0	`#31fbd0`
RGB Decimal	49, 251, 208	`rgb(49,251,208)`
RGB Percent	19.2, 98.4, 81.6	`rgb(19.2%,98.4%,81.6%)`
CMYK	80, 0, 17, 2
HSL	167.2°, 96.2, 58.8	`hsl(167.2,96.2%,58.8%)`
HSV (or HSB)	167.2°, 80.5, 98.4
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.015, -56.859, 7.216
XYZ	47.145, 74.197, 71.508
xyY	0.244, 0.385, 74.197
CIE-LCH	89.015, 57.315, 172.767
CIE-LUV	89.015, -70.188, 20.193
Hunter-Lab	86.137, -53.044, 11.076
Binary	00110001, 11111011, 11010000

#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#fb315c
```
#fb315c rgb(251,49,92)
```

Complementary Color

#31fb6b
```
#31fb6b rgb(49,251,107)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#31c1fb
```
#31c1fb rgb(49,193,251)
```

Analogous Color

#fb6b31
```
#fb6b31 rgb(251,107,49)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#fb31c1
```
#fb31c1 rgb(251,49,193)
```

Split Complementary Color

#fbd031
```
#fbd031 rgb(251,208,49)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#d031fb
```
#d031fb rgb(208,49,251)
```

Triadic Color

#5cfb31
```
#5cfb31 rgb(92,251,49)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#d031fb
```
#d031fb rgb(208,49,251)
```
#fb315c
```
#fb315c rgb(251,49,92)
```

Tetradic Color

#04dbad
```
#04dbad rgb(4,219,173)
```
#05f4c1
```
#05f4c1 rgb(5,244,193)
```
#18fbca
```
#18fbca rgb(24,251,202)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#4afbd6
```
#4afbd6 rgb(74,251,214)
```
#63fcdb
```
#63fcdb rgb(99,252,219)
```
#7cfce1
```
#7cfce1 rgb(124,252,225)
```

Monochromatic Color

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

#31fb9e
```
#31fb9e rgb(49,251,158)
```
#31fbae
```
#31fbae rgb(49,251,174)
```
#31fbbf
```
#31fbbf rgb(49,251,191)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#31fbe1
```
#31fbe1 rgb(49,251,225)
```
#31fbf2
```
#31fbf2 rgb(49,251,242)
```
#31f4fb
```
#31f4fb rgb(49,244,251)
```

Similar Colors

Text with hexadecimal color #31fbd0

This text has a font color of #31fbd0.

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

#31fbd0 background color

This paragraph has a background color of #31fbd0.

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

#31fbd0 border color

This element has a border color of #31fbd0.

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

CSS codes

.text {color:#31fbd0;}

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

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

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, #000604 is the darkest color, while #f1fffc is the lightest one.

#000604
```
#000604 rgb(0,6,4)
```
#001914
```
#001914 rgb(0,25,20)
```
#012c23
```
#012c23 rgb(1,44,35)
```
#013f32
```
#013f32 rgb(1,63,50)
```
#025341
```
#025341 rgb(2,83,65)
```
#026651
```
#026651 rgb(2,102,81)
```
#027960
```
#027960 rgb(2,121,96)
```
#038c6f
```
#038c6f rgb(3,140,111)
```
#03a07e
```
#03a07e rgb(3,160,126)
```
#03b38e
```
#03b38e rgb(3,179,142)
```
#04c69d
```
#04c69d rgb(4,198,157)
```
#04d9ac
```
#04d9ac rgb(4,217,172)
```
#05edbb
```
#05edbb rgb(5,237,187)
```

Shade Color Variation

#0bfac7
```
#0bfac7 rgb(11,250,199)
```
#1efbcc
```
#1efbcc rgb(30,251,204)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```
#44fbd4
```
#44fbd4 rgb(68,251,212)
```
#57fcd9
```
#57fcd9 rgb(87,252,217)
```
#6bfcdd
```
#6bfcdd rgb(107,252,221)
```
#7efce2
```
#7efce2 rgb(126,252,226)
```
#91fde6
```
#91fde6 rgb(145,253,230)
```
#a4fdea
```
#a4fdea rgb(164,253,234)
```
#b8feef
```
#b8feef rgb(184,254,239)
```
#cbfef3
```
#cbfef3 rgb(203,254,243)
```
#defef8
```
#defef8 rgb(222,254,248)
```
#f1fffc
```
#f1fffc rgb(241,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929a98 is the less saturated color, while #31fbd0 is the most saturated one.

#929a98
```
#929a98 rgb(146,154,152)
```
#8aa29d
```
#8aa29d rgb(138,162,157)
```
#82aaa2
```
#82aaa2 rgb(130,170,162)
```
#7ab2a6
```
#7ab2a6 rgb(122,178,166)
```
#72baab
```
#72baab rgb(114,186,171)
```
#6ac2b0
```
#6ac2b0 rgb(106,194,176)
```
#61cbb4
```
#61cbb4 rgb(97,203,180)
```
#59d3b9
```
#59d3b9 rgb(89,211,185)
```
#51dbbd
```
#51dbbd rgb(81,219,189)
```
#49e3c2
```
#49e3c2 rgb(73,227,194)
```
#41ebc7
```
#41ebc7 rgb(65,235,199)
```
#39f3cb
```
#39f3cb rgb(57,243,203)
```
#31fbd0
```
#31fbd0 rgb(49,251,208)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#9fc7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe0c5 Protanopia 1% of men
#f7dade Deuteranopia 1% of men
#8bf0ff Tritanopia 0.001% of the population

Trichromacy

#a7eac9 Protanomaly 1% of men, 0.01% of women
#afe6d8 Deuteranomaly 6% of men, 0.4% of women
#6af4ed Tritanomaly 0.01% of the population