#31c6fc hex color

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

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

● #31c6fc color description : Bright blue.

The hexadecimal color #31c6fc has RGB values of R:49, G:198, B:252 and CMYK values of C:0.81, M:0.21, Y:0, K:0.01. Its decimal value is 3262204.

Hex triplet	31c6fc	`#31c6fc`
RGB Decimal	49, 198, 252	`rgb(49,198,252)`
RGB Percent	19.2, 77.6, 98.8	`rgb(19.2%,77.6%,98.8%)`
CMYK	81, 21, 0, 1
HSL	196°, 97.1, 59	`hsl(196,97.1%,59%)`
HSV (or HSB)	196°, 80.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.866, -20.035, -37.292
XYZ	39.027, 48.066, 99.311
xyY	0.209, 0.258, 48.066
CIE-LCH	74.866, 42.333, 241.753
CIE-LUV	74.866, -48.939, -57.849
Hunter-Lab	69.33, -20.846, -36.399
Binary	00110001, 11000110, 11111100

#31c6fc
```
#31c6fc rgb(49,198,252)
```
#fc6731
```
#fc6731 rgb(252,103,49)
```

Complementary Color

#31fccd
```
#31fccd rgb(49,252,205)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```
#3161fc
```
#3161fc rgb(49,97,252)
```

Analogous Color

#fccd31
```
#fccd31 rgb(252,205,49)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```
#fc3161
```
#fc3161 rgb(252,49,97)
```

Split Complementary Color

#c6fc31
```
#c6fc31 rgb(198,252,49)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```
#fc31c6
```
#fc31c6 rgb(252,49,198)
```

Triadic Color

#31fc67
```
#31fc67 rgb(49,252,103)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```
#fc31c6
```
#fc31c6 rgb(252,49,198)
```
#fc6731
```
#fc6731 rgb(252,103,49)
```

Tetradic Color

#03a3dd
```
#03a3dd rgb(3,163,221)
```
#04b6f6
```
#04b6f6 rgb(4,182,246)
```
#18bffc
```
#18bffc rgb(24,191,252)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```
#4acdfc
```
#4acdfc rgb(74,205,252)
```
#63d4fd
```
#63d4fd rgb(99,212,253)
```
#7cdbfd
```
#7cdbfd rgb(124,219,253)
```

Monochromatic Color

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

#31f9fc
```
#31f9fc rgb(49,249,252)
```
#31e8fc
```
#31e8fc rgb(49,232,252)
```
#31d7fc
```
#31d7fc rgb(49,215,252)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```
#31b5fc
```
#31b5fc rgb(49,181,252)
```
#31a4fc
```
#31a4fc rgb(49,164,252)
```
#3193fc
```
#3193fc rgb(49,147,252)
```

Similar Colors

Text with hexadecimal color #31c6fc

This text has a font color of #31c6fc.

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

#31c6fc background color

This paragraph has a background color of #31c6fc.

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

#31c6fc border color

This element has a border color of #31c6fc.

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

CSS codes

.text {color:#31c6fc;}

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

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

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 #f2fbff is the lightest one.

#000507
```
#000507 rgb(0,5,7)
```
#00131a
```
#00131a rgb(0,19,26)
```
#01212d
```
#01212d rgb(1,33,45)
```
#013041
```
#013041 rgb(1,48,65)
```
#013e54
```
#013e54 rgb(1,62,84)
```
#024c67
```
#024c67 rgb(2,76,103)
```
#025b7b
```
#025b7b rgb(2,91,123)
```
#02698e
```
#02698e rgb(2,105,142)
```
#0277a1
```
#0277a1 rgb(2,119,161)
```
#0385b5
```
#0385b5 rgb(3,133,181)
```
#0394c8
```
#0394c8 rgb(3,148,200)
```
#03a2db
```
#03a2db rgb(3,162,219)
```
#03b0ef
```
#03b0ef rgb(3,176,239)
```

Shade Color Variation

#0abbfb
```
#0abbfb rgb(10,187,251)
```
#1ec1fc
```
#1ec1fc rgb(30,193,252)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```
#44cbfc
```
#44cbfc rgb(68,203,252)
```
#58d1fd
```
#58d1fd rgb(88,209,253)
```
#6bd6fd
```
#6bd6fd rgb(107,214,253)
```
#7edbfd
```
#7edbfd rgb(126,219,253)
```
#92e1fd
```
#92e1fd rgb(146,225,253)
```
#a5e6fe
```
#a5e6fe rgb(165,230,254)
```
#b8ebfe
```
#b8ebfe rgb(184,235,254)
```
#ccf1fe
```
#ccf1fe rgb(204,241,254)
```
#dff6ff
```
#dff6ff rgb(223,246,255)
```
#f2fbff
```
#f2fbff rgb(242,251,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 #31c6fc is the most saturated one.

#91999c
```
#91999c rgb(145,153,156)
```
#899da4
```
#899da4 rgb(137,157,164)
```
#81a0ac
```
#81a0ac rgb(129,160,172)
```
#79a4b4
```
#79a4b4 rgb(121,164,180)
```
#71a8bc
```
#71a8bc rgb(113,168,188)
```
#69acc4
```
#69acc4 rgb(105,172,196)
```
#61afcc
```
#61afcc rgb(97,175,204)
```
#59b3d4
```
#59b3d4 rgb(89,179,212)
```
#51b7dc
```
#51b7dc rgb(81,183,220)
```
#49bbe4
```
#49bbe4 rgb(73,187,228)
```
#41beec
```
#41beec rgb(65,190,236)
```
#39c2f4
```
#39c2f4 rgb(57,194,244)
```
#31c6fc
```
#31c6fc rgb(49,198,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8aa8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb9f1 Protanopia 1% of men
#a1baff Deuteranopia 1% of men
#00cedc Tritanopia 0.001% of the population

Trichromacy

#7fbef5 Protanomaly 1% of men, 0.01% of women
#78befd Deuteranomaly 6% of men, 0.4% of women
#11cbe8 Tritanomaly 0.01% of the population

#31c6fc hex color

#31c6fc Color Information

#31c6fc Color Conversion

Color Schemes with #31c6fc

Alternatives to #31c6fc

#31c6fc Preview

Shades and Tints of #31c6fc

Tones of #31c6fc

Color Blindness Simulator