#31a6c8 hex color

In a RGB color space, hex #31a6c8 is composed of 19.2% red, 65.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 17% magenta, 0% yellow and 21.6% black. It has a hue angle of 193.5 degrees, a saturation of 60.6% and a lightness of 48.8%. #31a6c8 color hex could be obtained by blending #62ffff with #004d91. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 65
- B 78
RGB color chart
- C 76
- M 17
- Y 0
- K 22
CMYK color chart

● #31a6c8 color description : Strong cyan.

The hexadecimal color #31a6c8 has RGB values of R:49, G:166, B:200 and CMYK values of C:0.76, M:0.17, Y:0, K:0.22. Its decimal value is 3253960.

Hex triplet	31a6c8	`#31a6c8`
RGB Decimal	49, 166, 200	`rgb(49,166,200)`
RGB Percent	19.2, 65.1, 78.4	`rgb(19.2%,65.1%,78.4%)`
CMYK	76, 17, 0, 22
HSL	193.5°, 60.6, 48.8	`hsl(193.5,60.6%,48.8%)`
HSV (or HSB)	193.5°, 75.5, 78.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.42, -20.584, -26.581
XYZ	25.325, 32.093, 59.5
xyY	0.217, 0.274, 32.093
CIE-LCH	63.42, 33.619, 232.246
CIE-LUV	63.42, -41.226, -38.594
Hunter-Lab	56.651, -19.342, -22.616
Binary	00110001, 10100110, 11001000

#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#c85331
```
#c85331 rgb(200,83,49)
```

Complementary Color

#31c89f
```
#31c89f rgb(49,200,159)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#315bc8
```
#315bc8 rgb(49,91,200)
```

Analogous Color

#c89f31
```
#c89f31 rgb(200,159,49)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#c8315b
```
#c8315b rgb(200,49,91)
```

Split Complementary Color

#a6c831
```
#a6c831 rgb(166,200,49)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#c831a6
```
#c831a6 rgb(200,49,166)
```

Triadic Color

#31c853
```
#31c853 rgb(49,200,83)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#c831a6
```
#c831a6 rgb(200,49,166)
```
#c85331
```
#c85331 rgb(200,83,49)
```

Tetradic Color

#22738b
```
#22738b rgb(34,115,139)
```
#27849f
```
#27849f rgb(39,132,159)
```
#2c95b4
```
#2c95b4 rgb(44,149,180)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#42b1d1
```
#42b1d1 rgb(66,177,209)
```
#56b9d6
```
#56b9d6 rgb(86,185,214)
```
#6bc2db
```
#6bc2db rgb(107,194,219)
```

Monochromatic Color

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

#31c8c4
```
#31c8c4 rgb(49,200,196)
```
#31bfc8
```
#31bfc8 rgb(49,191,200)
```
#31b3c8
```
#31b3c8 rgb(49,179,200)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#3199c8
```
#3199c8 rgb(49,153,200)
```
#318dc8
```
#318dc8 rgb(49,141,200)
```
#3180c8
```
#3180c8 rgb(49,128,200)
```

Similar Colors

Text with hexadecimal color #31a6c8

This text has a font color of #31a6c8.

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

#31a6c8 background color

This paragraph has a background color of #31a6c8.

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

#31a6c8 border color

This element has a border color of #31a6c8.

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

CSS codes

.text {color:#31a6c8;}

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

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

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, #03090b is the darkest color, while #fafdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#07161b
```
#07161b rgb(7,22,27)
```
#0a232a
```
#0a232a rgb(10,35,42)
```
#0e303a
```
#0e303a rgb(14,48,58)
```
#123d4a
```
#123d4a rgb(18,61,74)
```
#164a5a
```
#164a5a rgb(22,74,90)
```
#1a5869
```
#1a5869 rgb(26,88,105)
```
#1e6579
```
#1e6579 rgb(30,101,121)
```
#227289
```
#227289 rgb(34,114,137)
```
#257f99
```
#257f99 rgb(37,127,153)
```
#298ca8
```
#298ca8 rgb(41,140,168)
```
#2d99b8
```
#2d99b8 rgb(45,153,184)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```

Shade Color Variation

#3dafcf
```
#3dafcf rgb(61,175,207)
```
#4db5d3
```
#4db5d3 rgb(77,181,211)
```
#5dbcd7
```
#5dbcd7 rgb(93,188,215)
```
#6cc2db
```
#6cc2db rgb(108,194,219)
```
#7cc9df
```
#7cc9df rgb(124,201,223)
```
#8ccfe3
```
#8ccfe3 rgb(140,207,227)
```
#9cd6e7
```
#9cd6e7 rgb(156,214,231)
```
#abdceb
```
#abdceb rgb(171,220,235)
```
#bbe3ee
```
#bbe3ee rgb(187,227,238)
```
#cbe9f2
```
#cbe9f2 rgb(203,233,242)
```
#dbf0f6
```
#dbf0f6 rgb(219,240,246)
```
#eaf6fa
```
#eaf6fa rgb(234,246,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #748185 is the less saturated color, while #01c0f8 is the most saturated one.

#748185
```
#748185 rgb(116,129,133)
```
#6a868f
```
#6a868f rgb(106,134,143)
```
#618c98
```
#618c98 rgb(97,140,152)
```
#5791a2
```
#5791a2 rgb(87,145,162)
```
#4e96ab
```
#4e96ab rgb(78,150,171)
```
#449bb5
```
#449bb5 rgb(68,155,181)
```
#3ba1be
```
#3ba1be rgb(59,161,190)
```
#31a6c8
```
#31a6c8 rgb(49,166,200)
```
#27abd2
```
#27abd2 rgb(39,171,210)
```
#1eb1db
```
#1eb1db rgb(30,177,219)
```
#14b6e5
```
#14b6e5 rgb(20,182,229)
```
#0bbbee
```
#0bbbee rgb(11,187,238)
```
#01c0f8
```
#01c0f8 rgb(1,192,248)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#768d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959dc2 Protanopia 1% of men
#909cd0 Deuteranopia 1% of men
#28adba Tritanopia 0.001% of the population

Trichromacy

#70a0c4 Protanomaly 1% of men, 0.01% of women
#6da0cd Deuteranomaly 6% of men, 0.4% of women
#2baabf Tritanomaly 0.01% of the population

#31a6c8 hex color

#31a6c8 Color Information

#31a6c8 Color Conversion

Color Schemes with #31a6c8

Alternatives to #31a6c8

#31a6c8 Preview

Shades and Tints of #31a6c8

Tones of #31a6c8

Color Blindness Simulator