#31c6ef hex color

In a RGB color space, hex #31c6ef is composed of 19.2% red, 77.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 17.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 192.9 degrees, a saturation of 85.6% and a lightness of 56.5%. #31c6ef color hex could be obtained by blending #62ffff with #008ddf. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 78
- B 94
RGB color chart
- C 79
- M 17
- Y 0
- K 6
CMYK color chart

● #31c6ef color description : Bright cyan.

The hexadecimal color #31c6ef has RGB values of R:49, G:198, B:239 and CMYK values of C:0.79, M:0.17, Y:0, K:0.06. Its decimal value is 3262191.

Hex triplet	31c6ef	`#31c6ef`
RGB Decimal	49, 198, 239	`rgb(49,198,239)`
RGB Percent	19.2, 77.6, 93.7	`rgb(19.2%,77.6%,93.7%)`
CMYK	79, 17, 0, 6
HSL	192.9°, 85.6, 56.5	`hsl(192.9,85.6%,56.5%)`
HSV (or HSB)	192.9°, 79.5, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.362, -24.289, -31.083
XYZ	37.036, 47.27, 88.829
xyY	0.214, 0.273, 47.27
CIE-LCH	74.362, 39.447, 231.995
CIE-LUV	74.362, -49.817, -46.585
Hunter-Lab	68.753, -24.162, -28.475
Binary	00110001, 11000110, 11101111

#31c6ef
```
#31c6ef rgb(49,198,239)
```
#ef5a31
```
#ef5a31 rgb(239,90,49)
```

Complementary Color

#31efb9
```
#31efb9 rgb(49,239,185)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#3167ef
```
#3167ef rgb(49,103,239)
```

Analogous Color

#efb931
```
#efb931 rgb(239,185,49)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#ef3167
```
#ef3167 rgb(239,49,103)
```

Split Complementary Color

#c6ef31
```
#c6ef31 rgb(198,239,49)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#ef31c6
```
#ef31c6 rgb(239,49,198)
```

Triadic Color

#31ef5a
```
#31ef5a rgb(49,239,90)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#ef31c6
```
#ef31c6 rgb(239,49,198)
```
#ef5a31
```
#ef5a31 rgb(239,90,49)
```

Tetradic Color

#0f9dc4
```
#0f9dc4 rgb(15,157,196)
```
#11b0dc
```
#11b0dc rgb(17,176,220)
```
#19bfed
```
#19bfed rgb(25,191,237)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#49cdf1
```
#49cdf1 rgb(73,205,241)
```
#60d3f3
```
#60d3f3 rgb(96,211,243)
```
#78daf5
```
#78daf5 rgb(120,218,245)
```

Monochromatic Color

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

#31efe9
```
#31efe9 rgb(49,239,233)
```
#31e6ef
```
#31e6ef rgb(49,230,239)
```
#31d6ef
```
#31d6ef rgb(49,214,239)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#31b6ef
```
#31b6ef rgb(49,182,239)
```
#31a6ef
```
#31a6ef rgb(49,166,239)
```
#3197ef
```
#3197ef rgb(49,151,239)
```

Similar Colors

Text with hexadecimal color #31c6ef

This text has a font color of #31c6ef.

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

#31c6ef background color

This paragraph has a background color of #31c6ef.

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

#31c6ef border color

This element has a border color of #31c6ef.

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

CSS codes

.text {color:#31c6ef;}

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

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

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

#010a0c
```
#010a0c rgb(1,10,12)
```
#02191f
```
#02191f rgb(2,25,31)
```
#042731
```
#042731 rgb(4,39,49)
```
#053643
```
#053643 rgb(5,54,67)
```
#074455
```
#074455 rgb(7,68,85)
```
#085367
```
#085367 rgb(8,83,103)
```
#09617a
```
#09617a rgb(9,97,122)
```
#0b708c
```
#0b708c rgb(11,112,140)
```
#0c7f9e
```
#0c7f9e rgb(12,127,158)
```
#0e8db0
```
#0e8db0 rgb(14,141,176)
```
#0f9cc2
```
#0f9cc2 rgb(15,156,194)
```
#11aad5
```
#11aad5 rgb(17,170,213)
```
#12b9e7
```
#12b9e7 rgb(18,185,231)
```

Shade Color Variation

#1fc1ee
```
#1fc1ee rgb(31,193,238)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#43cbf0
```
#43cbf0 rgb(67,203,240)
```
#55d0f2
```
#55d0f2 rgb(85,208,242)
```
#68d5f3
```
#68d5f3 rgb(104,213,243)
```
#7adaf5
```
#7adaf5 rgb(122,218,245)
```
#8cdff6
```
#8cdff6 rgb(140,223,246)
```
#9ee4f7
```
#9ee4f7 rgb(158,228,247)
```
#b0e9f9
```
#b0e9f9 rgb(176,233,249)
```
#c3eefa
```
#c3eefa rgb(195,238,250)
```
#d5f3fc
```
#d5f3fc rgb(213,243,252)
```
#e7f8fd
```
#e7f8fd rgb(231,248,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#8f9191
```
#8f9191 rgb(143,145,145)
```
#86959a
```
#86959a rgb(134,149,154)
```
#7e9aa2
```
#7e9aa2 rgb(126,154,162)
```
#759fab
```
#759fab rgb(117,159,171)
```
#6da4b3
```
#6da4b3 rgb(109,164,179)
```
#64a9bc
```
#64a9bc rgb(100,169,188)
```
#5caec4
```
#5caec4 rgb(92,174,196)
```
#53b3cd
```
#53b3cd rgb(83,179,205)
```
#4bb7d5
```
#4bb7d5 rgb(75,183,213)
```
#42bcde
```
#42bcde rgb(66,188,222)
```
#3ac1e6
```
#3ac1e6 rgb(58,193,230)
```
#31c6ef
```
#31c6ef rgb(49,198,239)
```
#28cbf8
```
#28cbf8 rgb(40,203,248)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#88a6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb8e5 Protanopia 1% of men
#a7b8f6 Deuteranopia 1% of men
#12ccdb Tritanopia 0.001% of the population

Trichromacy

#81bde8 Protanomaly 1% of men, 0.01% of women
#7cbdf3 Deuteranomaly 6% of men, 0.4% of women
#1dcae2 Tritanomaly 0.01% of the population

#31c6ef hex color

#31c6ef Color Information

#31c6ef Color Conversion

Color Schemes with #31c6ef

Alternatives to #31c6ef

#31c6ef Preview

Shades and Tints of #31c6ef

Tones of #31c6ef

Color Blindness Simulator