#31bbdc hex color

In a RGB color space, hex #31bbdc is composed of 19.2% red, 73.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 15% magenta, 0% yellow and 13.7% black. It has a hue angle of 191.6 degrees, a saturation of 71% and a lightness of 52.7%. #31bbdc color hex could be obtained by blending #62ffff with #0077b9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 73
- B 86
RGB color chart
- C 78
- M 15
- Y 0
- K 14
CMYK color chart

● #31bbdc color description : Bright cyan.

The hexadecimal color #31bbdc has RGB values of R:49, G:187, B:220 and CMYK values of C:0.78, M:0.15, Y:0, K:0.14. Its decimal value is 3259356.

Hex triplet	31bbdc	`#31bbdc`
RGB Decimal	49, 187, 220	`rgb(49,187,220)`
RGB Percent	19.2, 73.3, 86.3	`rgb(19.2%,73.3%,86.3%)`
CMYK	78, 15, 0, 14
HSL	191.6°, 71, 52.7	`hsl(191.6,71%,52.7%)`
HSV (or HSB)	191.6°, 77.7, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.426, -24.866, -26.835
XYZ	31.952, 41.358, 74.005
xyY	0.217, 0.281, 41.358
CIE-LCH	70.426, 36.584, 227.181
CIE-LUV	70.426, -47.301, -39.018
Hunter-Lab	64.31, -23.857, -23.211
Binary	00110001, 10111011, 11011100

#31bbdc
```
#31bbdc rgb(49,187,220)
```
#dc5231
```
#dc5231 rgb(220,82,49)
```

Complementary Color

#31dca8
```
#31dca8 rgb(49,220,168)
```
#31bbdc
```
#31bbdc rgb(49,187,220)
```
#3166dc
```
#3166dc rgb(49,102,220)
```

Analogous Color

#dca831
```
#dca831 rgb(220,168,49)
```
#31bbdc
```
#31bbdc rgb(49,187,220)
```
#dc3166
```
#dc3166 rgb(220,49,102)
```

Split Complementary Color

#bbdc31
```
#bbdc31 rgb(187,220,49)
```
#31bbdc
```
#31bbdc rgb(49,187,220)
```
#dc31bb
```
#dc31bb rgb(220,49,187)
```

Triadic Color

#31dc52
```
#31dc52 rgb(49,220,82)
```
#31bbdc
```
#31bbdc rgb(49,187,220)
```
#dc31bb
```
#dc31bb rgb(220,49,187)
```
#dc5231
```
#dc5231 rgb(220,82,49)
```

Tetradic Color

#1c8aa5
```
#1c8aa5 rgb(28,138,165)
```
#209cba
```
#209cba rgb(32,156,186)
```
#23afd0
```
#23afd0 rgb(35,175,208)
```
#31bbdc
```
#31bbdc rgb(49,187,220)
```
#47c2e0
```
#47c2e0 rgb(71,194,224)
```
#5dc9e3
```
#5dc9e3 rgb(93,201,227)
```
#72d1e7
```
#72d1e7 rgb(114,209,231)
```

Monochromatic Color

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

#31dcd2
```
#31dcd2 rgb(49,220,210)
```
#31d8dc
```
#31d8dc rgb(49,216,220)
```
#31c9dc
```
#31c9dc rgb(49,201,220)
```
#31bbdc
```
#31bbdc rgb(49,187,220)
```
#31addc
```
#31addc rgb(49,173,220)
```
#319fdc
```
#319fdc rgb(49,159,220)
```
#3190dc
```
#3190dc rgb(49,144,220)
```

Similar Colors

Text with hexadecimal color #31bbdc

This text has a font color of #31bbdc.

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

#31bbdc background color

This paragraph has a background color of #31bbdc.

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

#31bbdc border color

This element has a border color of #31bbdc.

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

CSS codes

.text {color:#31bbdc;}

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

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

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

#020a0c
```
#020a0c rgb(2,10,12)
```
#05181d
```
#05181d rgb(5,24,29)
```
#08262e
```
#08262e rgb(8,38,46)
```
#0b343e
```
#0b343e rgb(11,52,62)
```
#0d424f
```
#0d424f rgb(13,66,79)
```
#105060
```
#105060 rgb(16,80,96)
```
#135f71
```
#135f71 rgb(19,95,113)
```
#166d81
```
#166d81 rgb(22,109,129)
```
#197b92
```
#197b92 rgb(25,123,146)
```
#1c89a3
```
#1c89a3 rgb(28,137,163)
```
#1f97b4
```
#1f97b4 rgb(31,151,180)
```
#21a5c4
```
#21a5c4 rgb(33,165,196)
```
#24b3d5
```
#24b3d5 rgb(36,179,213)
```

Shade Color Variation

#31bbdc
```
#31bbdc rgb(49,187,220)
```
#42c1df
```
#42c1df rgb(66,193,223)
```
#53c6e2
```
#53c6e2 rgb(83,198,226)
```
#63cce5
```
#63cce5 rgb(99,204,229)
```
#74d1e7
```
#74d1e7 rgb(116,209,231)
```
#85d7ea
```
#85d7ea rgb(133,215,234)
```
#96dced
```
#96dced rgb(150,220,237)
```
#a6e2f0
```
#a6e2f0 rgb(166,226,240)
```
#b7e7f3
```
#b7e7f3 rgb(183,231,243)
```
#c8edf6
```
#c8edf6 rgb(200,237,246)
```
#d9f2f8
```
#d9f2f8 rgb(217,242,248)
```
#e9f8fb
```
#e9f8fb rgb(233,248,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#848889
```
#848889 rgb(132,136,137)
```
#7b8d92
```
#7b8d92 rgb(123,141,146)
```
#72939b
```
#72939b rgb(114,147,155)
```
#6999a4
```
#6999a4 rgb(105,153,164)
```
#5f9fae
```
#5f9fae rgb(95,159,174)
```
#56a4b7
```
#56a4b7 rgb(86,164,183)
```
#4daac0
```
#4daac0 rgb(77,170,192)
```
#44b0c9
```
#44b0c9 rgb(68,176,201)
```
#3ab5d3
```
#3ab5d3 rgb(58,181,211)
```
#31bbdc
```
#31bbdc rgb(49,187,220)
```
#28c1e5
```
#28c1e5 rgb(40,193,229)
```
#1ec6ef
```
#1ec6ef rgb(30,198,239)
```
#15ccf8
```
#15ccf8 rgb(21,204,248)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#829da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7aed3 Protanopia 1% of men
#a2aee4 Deuteranopia 1% of men
#28c1cf Tritanopia 0.001% of the population

Trichromacy

#7cb3d6 Protanomaly 1% of men, 0.01% of women
#79b2e1 Deuteranomaly 6% of men, 0.4% of women
#2bbed3 Tritanomaly 0.01% of the population

#31bbdc hex color

#31bbdc Color Information

#31bbdc Color Conversion

Color Schemes with #31bbdc

Alternatives to #31bbdc

#31bbdc Preview

Shades and Tints of #31bbdc

Tones of #31bbdc

Color Blindness Simulator