#31d0fc hex color

In a RGB color space, hex #31d0fc is composed of 19.2% red, 81.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 17.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 193 degrees, a saturation of 97.1% and a lightness of 59%. #31d0fc color hex could be obtained by blending #62ffff with #00a1f9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 82
- B 99
RGB color chart
- C 81
- M 17
- Y 0
- K 1
CMYK color chart

● #31d0fc color description : Bright cyan.

The hexadecimal color #31d0fc has RGB values of R:49, G:208, B:252 and CMYK values of C:0.81, M:0.17, Y:0, K:0.01. Its decimal value is 3264764.

Hex triplet	31d0fc	`#31d0fc`
RGB Decimal	49, 208, 252	`rgb(49,208,252)`
RGB Percent	19.2, 81.6, 98.8	`rgb(19.2%,81.6%,98.8%)`
CMYK	81, 17, 0, 1
HSL	193°, 97.1, 59	`hsl(193,97.1%,59%)`
HSV (or HSB)	193°, 80.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.75, -25.116, -32.831
XYZ	41.388, 52.789, 100.098
xyY	0.213, 0.272, 52.789
CIE-LCH	77.75, 41.336, 232.584
CIE-LUV	77.75, -52.344, -49.727
Hunter-Lab	72.656, -25.466, -30.824
Binary	00110001, 11010000, 11111100

#31d0fc
```
#31d0fc rgb(49,208,252)
```
#fc5d31
```
#fc5d31 rgb(252,93,49)
```

Complementary Color

#31fcc3
```
#31fcc3 rgb(49,252,195)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#316bfc
```
#316bfc rgb(49,107,252)
```

Analogous Color

#fcc331
```
#fcc331 rgb(252,195,49)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#fc316b
```
#fc316b rgb(252,49,107)
```

Split Complementary Color

#d0fc31
```
#d0fc31 rgb(208,252,49)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#fc31d0
```
#fc31d0 rgb(252,49,208)
```

Triadic Color

#31fc5d
```
#31fc5d rgb(49,252,93)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#fc31d0
```
#fc31d0 rgb(252,49,208)
```
#fc5d31
```
#fc5d31 rgb(252,93,49)
```

Tetradic Color

#03aedd
```
#03aedd rgb(3,174,221)
```
#04c2f6
```
#04c2f6 rgb(4,194,246)
```
#18cafc
```
#18cafc rgb(24,202,252)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#4ad6fc
```
#4ad6fc rgb(74,214,252)
```
#63dbfd
```
#63dbfd rgb(99,219,253)
```
#7ce1fd
```
#7ce1fd rgb(124,225,253)
```

Monochromatic Color

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

#31fcf5
```
#31fcf5 rgb(49,252,245)
```
#31f2fc
```
#31f2fc rgb(49,242,252)
```
#31e1fc
```
#31e1fc rgb(49,225,252)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#31bffc
```
#31bffc rgb(49,191,252)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#319dfc
```
#319dfc rgb(49,157,252)
```

Similar Colors

Text with hexadecimal color #31d0fc

This text has a font color of #31d0fc.

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

#31d0fc background color

This paragraph has a background color of #31d0fc.

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

#31d0fc border color

This element has a border color of #31d0fc.

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

CSS codes

.text {color:#31d0fc;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00141a
```
#00141a rgb(0,20,26)
```
#01242d
```
#01242d rgb(1,36,45)
```
#013341
```
#013341 rgb(1,51,65)
```
#014254
```
#014254 rgb(1,66,84)
```
#025167
```
#025167 rgb(2,81,103)
```
#02607b
```
#02607b rgb(2,96,123)
```
#02708e
```
#02708e rgb(2,112,142)
```
#027fa1
```
#027fa1 rgb(2,127,161)
```
#038eb5
```
#038eb5 rgb(3,142,181)
```
#039dc8
```
#039dc8 rgb(3,157,200)
```
#03acdb
```
#03acdb rgb(3,172,219)
```
#03bcef
```
#03bcef rgb(3,188,239)
```

Shade Color Variation

#0ac7fb
```
#0ac7fb rgb(10,199,251)
```
#1eccfc
```
#1eccfc rgb(30,204,252)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#44d4fc
```
#44d4fc rgb(68,212,252)
```
#58d9fd
```
#58d9fd rgb(88,217,253)
```
#6bddfd
```
#6bddfd rgb(107,221,253)
```
#7ee2fd
```
#7ee2fd rgb(126,226,253)
```
#92e6fd
```
#92e6fd rgb(146,230,253)
```
#a5eafe
```
#a5eafe rgb(165,234,254)
```
#b8effe
```
#b8effe rgb(184,239,254)
```
#ccf3fe
```
#ccf3fe rgb(204,243,254)
```
#dff8ff
```
#dff8ff rgb(223,248,255)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#91999c
```
#91999c rgb(145,153,156)
```
#899ea4
```
#899ea4 rgb(137,158,164)
```
#81a2ac
```
#81a2ac rgb(129,162,172)
```
#79a7b4
```
#79a7b4 rgb(121,167,180)
```
#71acbc
```
#71acbc rgb(113,172,188)
```
#69b0c4
```
#69b0c4 rgb(105,176,196)
```
#61b5cc
```
#61b5cc rgb(97,181,204)
```
#59b9d4
```
#59b9d4 rgb(89,185,212)
```
#51bedc
```
#51bedc rgb(81,190,220)
```
#49c2e4
```
#49c2e4 rgb(73,194,228)
```
#41c7ec
```
#41c7ec rgb(65,199,236)
```
#39cbf4
```
#39cbf4 rgb(57,203,244)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eaeb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f1 Protanopia 1% of men
#b0c1ff Deuteranopia 1% of men
#00d6e6 Tritanopia 0.001% of the population

Trichromacy

#86c6f5 Protanomaly 1% of men, 0.01% of women
#82c6fd Deuteranomaly 6% of men, 0.4% of women
#11d4ee Tritanomaly 0.01% of the population

#31d0fc hex color

#31d0fc Color Information

#31d0fc Color Conversion

Color Schemes with #31d0fc

Alternatives to #31d0fc

#31d0fc Preview

Shades and Tints of #31d0fc

Tones of #31d0fc

Color Blindness Simulator