#31bbdd hex color

In a RGB color space, hex #31bbdd is composed of 19.2% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 191.9 degrees, a saturation of 71.7% and a lightness of 52.9%. #31bbdd color hex could be obtained by blending #62ffff with #0077bb. Closest websafe color is: #33cccc.

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

● #31bbdd color description : Bright cyan.

The hexadecimal color #31bbdd has RGB values of R:49, G:187, B:221 and CMYK values of C:0.78, M:0.15, Y:0, K:0.13. Its decimal value is 3259357.

Hex triplet	31bbdd	`#31bbdd`
RGB Decimal	49, 187, 221	`rgb(49,187,221)`
RGB Percent	19.2, 73.3, 86.7	`rgb(19.2%,73.3%,86.7%)`
CMYK	78, 15, 0, 13
HSL	191.9°, 71.7, 52.9	`hsl(191.9,71.7%,52.9%)`
HSV (or HSB)	191.9°, 77.8, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.463, -24.544, -27.324
XYZ	32.085, 41.411, 74.705
xyY	0.216, 0.279, 41.411
CIE-LCH	70.463, 36.728, 228.068
CIE-LUV	70.463, -47.233, -39.885
Hunter-Lab	64.351, -23.618, -23.783
Binary	00110001, 10111011, 11011101

#31bbdd
```
#31bbdd rgb(49,187,221)
```
#dd5331
```
#dd5331 rgb(221,83,49)
```

Complementary Color

#31dda9
```
#31dda9 rgb(49,221,169)
```
#31bbdd
```
#31bbdd rgb(49,187,221)
```
#3165dd
```
#3165dd rgb(49,101,221)
```

Analogous Color

#dda931
```
#dda931 rgb(221,169,49)
```
#31bbdd
```
#31bbdd rgb(49,187,221)
```
#dd3165
```
#dd3165 rgb(221,49,101)
```

Split Complementary Color

#bbdd31
```
#bbdd31 rgb(187,221,49)
```
#31bbdd
```
#31bbdd rgb(49,187,221)
```
#dd31bb
```
#dd31bb rgb(221,49,187)
```

Triadic Color

#31dd53
```
#31dd53 rgb(49,221,83)
```
#31bbdd
```
#31bbdd rgb(49,187,221)
```
#dd31bb
```
#dd31bb rgb(221,49,187)
```
#dd5331
```
#dd5331 rgb(221,83,49)
```

Tetradic Color

#1b8ba6
```
#1b8ba6 rgb(27,139,166)
```
#1f9dbc
```
#1f9dbc rgb(31,157,188)
```
#23afd2
```
#23afd2 rgb(35,175,210)
```
#31bbdd
```
#31bbdd rgb(49,187,221)
```
#47c2e1
```
#47c2e1 rgb(71,194,225)
```
#5dc9e4
```
#5dc9e4 rgb(93,201,228)
```
#73d1e8
```
#73d1e8 rgb(115,209,232)
```

Monochromatic Color

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

#31ddd4
```
#31ddd4 rgb(49,221,212)
```
#31d8dd
```
#31d8dd rgb(49,216,221)
```
#31c9dd
```
#31c9dd rgb(49,201,221)
```
#31bbdd
```
#31bbdd rgb(49,187,221)
```
#31addd
```
#31addd rgb(49,173,221)
```
#319edd
```
#319edd rgb(49,158,221)
```
#3190dd
```
#3190dd rgb(49,144,221)
```

Similar Colors

Text with hexadecimal color #31bbdd

This text has a font color of #31bbdd.

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

#31bbdd background color

This paragraph has a background color of #31bbdd.

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

#31bbdd border color

This element has a border color of #31bbdd.

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

CSS codes

.text {color:#31bbdd;}

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

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

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

#020b0d
```
#020b0d rgb(2,11,13)
```
#05191e
```
#05191e rgb(5,25,30)
```
#08272f
```
#08272f rgb(8,39,47)
```
#0a353f
```
#0a353f rgb(10,53,63)
```
#0d4350
```
#0d4350 rgb(13,67,80)
```
#105161
```
#105161 rgb(16,81,97)
```
#135f72
```
#135f72 rgb(19,95,114)
```
#166d83
```
#166d83 rgb(22,109,131)
```
#187b94
```
#187b94 rgb(24,123,148)
```
#1b89a4
```
#1b89a4 rgb(27,137,164)
```
#1e97b5
```
#1e97b5 rgb(30,151,181)
```
#21a5c6
```
#21a5c6 rgb(33,165,198)
```
#23b3d7
```
#23b3d7 rgb(35,179,215)
```

Shade Color Variation

#31bbdd
```
#31bbdd rgb(49,187,221)
```
#42c1e0
```
#42c1e0 rgb(66,193,224)
```
#53c6e3
```
#53c6e3 rgb(83,198,227)
```
#64cce5
```
#64cce5 rgb(100,204,229)
```
#74d1e8
```
#74d1e8 rgb(116,209,232)
```
#85d7eb
```
#85d7eb rgb(133,215,235)
```
#96dcee
```
#96dcee rgb(150,220,238)
```
#a7e2f0
```
#a7e2f0 rgb(167,226,240)
```
#b8e7f3
```
#b8e7f3 rgb(184,231,243)
```
#c9edf6
```
#c9edf6 rgb(201,237,246)
```
#d9f3f9
```
#d9f3f9 rgb(217,243,249)
```
#eaf8fc
```
#eaf8fc rgb(234,248,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#84898a
```
#84898a rgb(132,137,138)
```
#7b8e93
```
#7b8e93 rgb(123,142,147)
```
#72949c
```
#72949c rgb(114,148,156)
```
#689aa6
```
#689aa6 rgb(104,154,166)
```
#5f9faf
```
#5f9faf rgb(95,159,175)
```
#56a5b8
```
#56a5b8 rgb(86,165,184)
```
#4daac1
```
#4daac1 rgb(77,170,193)
```
#43b0cb
```
#43b0cb rgb(67,176,203)
```
#3ab5d4
```
#3ab5d4 rgb(58,181,212)
```
#31bbdd
```
#31bbdd rgb(49,187,221)
```
#28c1e6
```
#28c1e6 rgb(40,193,230)
```
#1fc6ef
```
#1fc6ef rgb(31,198,239)
```
#15ccf9
```
#15ccf9 rgb(21,204,249)
```

Tone Color Variation

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

#a7afd4 Protanopia 1% of men
#a2aee5 Deuteranopia 1% of men
#26c1cf Tritanopia 0.001% of the population

Trichromacy

#7cb3d7 Protanomaly 1% of men, 0.01% of women
#78b2e2 Deuteranomaly 6% of men, 0.4% of women
#2abfd4 Tritanomaly 0.01% of the population

#31bbdd hex color

#31bbdd Color Information

#31bbdd Color Conversion

Color Schemes with #31bbdd

Alternatives to #31bbdd

#31bbdd Preview

Shades and Tints of #31bbdd

Tones of #31bbdd

Color Blindness Simulator