#31b1dd hex color

In a RGB color space, hex #31b1dd is composed of 19.2% red, 69.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 19.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 195.3 degrees, a saturation of 71.7% and a lightness of 52.9%. #31b1dd color hex could be obtained by blending #62ffff with #0063bb. Closest websafe color is: #3399cc.

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

● #31b1dd color description : Bright blue.

The hexadecimal color #31b1dd has RGB values of R:49, G:177, B:221 and CMYK values of C:0.78, M:0.2, Y:0, K:0.13. Its decimal value is 3256797.

Hex triplet	31b1dd	`#31b1dd`
RGB Decimal	49, 177, 221	`rgb(49,177,221)`
RGB Percent	19.2, 69.4, 86.7	`rgb(19.2%,69.4%,86.7%)`
CMYK	78, 20, 0, 13
HSL	195.3°, 71.7, 52.9	`hsl(195.3,71.7%,52.9%)`
HSV (or HSB)	195.3°, 77.8, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.513, -19.398, -31.871
XYZ	30.036, 37.315, 74.022
xyY	0.212, 0.264, 37.315
CIE-LCH	67.513, 37.31, 238.674
CIE-LUV	67.513, -43.748, -47.972
Hunter-Lab	61.086, -19.131, -29.086
Binary	00110001, 10110001, 11011101

#31b1dd
```
#31b1dd rgb(49,177,221)
```
#dd5d31
```
#dd5d31 rgb(221,93,49)
```

Complementary Color

#31ddb3
```
#31ddb3 rgb(49,221,179)
```
#31b1dd
```
#31b1dd rgb(49,177,221)
```
#315bdd
```
#315bdd rgb(49,91,221)
```

Analogous Color

#ddb331
```
#ddb331 rgb(221,179,49)
```
#31b1dd
```
#31b1dd rgb(49,177,221)
```
#dd315b
```
#dd315b rgb(221,49,91)
```

Split Complementary Color

#b1dd31
```
#b1dd31 rgb(177,221,49)
```
#31b1dd
```
#31b1dd rgb(49,177,221)
```
#dd31b1
```
#dd31b1 rgb(221,49,177)
```

Triadic Color

#31dd5d
```
#31dd5d rgb(49,221,93)
```
#31b1dd
```
#31b1dd rgb(49,177,221)
```
#dd31b1
```
#dd31b1 rgb(221,49,177)
```
#dd5d31
```
#dd5d31 rgb(221,93,49)
```

Tetradic Color

#1b83a6
```
#1b83a6 rgb(27,131,166)
```
#1f94bc
```
#1f94bc rgb(31,148,188)
```
#23a5d2
```
#23a5d2 rgb(35,165,210)
```
#31b1dd
```
#31b1dd rgb(49,177,221)
```
#47b9e1
```
#47b9e1 rgb(71,185,225)
```
#5dc2e4
```
#5dc2e4 rgb(93,194,228)
```
#73cae8
```
#73cae8 rgb(115,202,232)
```

Monochromatic Color

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

#31dcdd
```
#31dcdd rgb(49,220,221)
```
#31cedd
```
#31cedd rgb(49,206,221)
```
#31bfdd
```
#31bfdd rgb(49,191,221)
```
#31b1dd
```
#31b1dd rgb(49,177,221)
```
#31a3dd
```
#31a3dd rgb(49,163,221)
```
#3194dd
```
#3194dd rgb(49,148,221)
```
#3186dd
```
#3186dd rgb(49,134,221)
```

Similar Colors

Text with hexadecimal color #31b1dd

This text has a font color of #31b1dd.

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

#31b1dd background color

This paragraph has a background color of #31b1dd.

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

#31b1dd border color

This element has a border color of #31b1dd.

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

CSS codes

.text {color:#31b1dd;}

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

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

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

#020a0d
```
#020a0d rgb(2,10,13)
```
#05171e
```
#05171e rgb(5,23,30)
```
#08252f
```
#08252f rgb(8,37,47)
```
#0a323f
```
#0a323f rgb(10,50,63)
```
#0d3f50
```
#0d3f50 rgb(13,63,80)
```
#104c61
```
#104c61 rgb(16,76,97)
```
#135a72
```
#135a72 rgb(19,90,114)
```
#166783
```
#166783 rgb(22,103,131)
```
#187494
```
#187494 rgb(24,116,148)
```
#1b81a4
```
#1b81a4 rgb(27,129,164)
```
#1e8fb5
```
#1e8fb5 rgb(30,143,181)
```
#219cc6
```
#219cc6 rgb(33,156,198)
```
#23a9d7
```
#23a9d7 rgb(35,169,215)
```

Shade Color Variation

#31b1dd
```
#31b1dd rgb(49,177,221)
```
#42b7e0
```
#42b7e0 rgb(66,183,224)
```
#53bee3
```
#53bee3 rgb(83,190,227)
```
#64c4e5
```
#64c4e5 rgb(100,196,229)
```
#74cbe8
```
#74cbe8 rgb(116,203,232)
```
#85d1eb
```
#85d1eb rgb(133,209,235)
```
#96d7ee
```
#96d7ee rgb(150,215,238)
```
#a7def0
```
#a7def0 rgb(167,222,240)
```
#b8e4f3
```
#b8e4f3 rgb(184,228,243)
```
#c9eaf6
```
#c9eaf6 rgb(201,234,246)
```
#d9f1f9
```
#d9f1f9 rgb(217,241,249)
```
#eaf7fc
```
#eaf7fc rgb(234,247,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#84888a
```
#84888a rgb(132,136,138)
```
#7b8d93
```
#7b8d93 rgb(123,141,147)
```
#72919c
```
#72919c rgb(114,145,156)
```
#6896a6
```
#6896a6 rgb(104,150,166)
```
#5f9aaf
```
#5f9aaf rgb(95,154,175)
```
#569fb8
```
#569fb8 rgb(86,159,184)
```
#4da3c1
```
#4da3c1 rgb(77,163,193)
```
#43a8cb
```
#43a8cb rgb(67,168,203)
```
#3aacd4
```
#3aacd4 rgb(58,172,212)
```
#31b1dd
```
#31b1dd rgb(49,177,221)
```
#28b6e6
```
#28b6e6 rgb(40,182,230)
```
#1fbaef
```
#1fbaef rgb(31,186,239)
```
#15bff9
```
#15bff9 rgb(21,191,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d979f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca7d5 Protanopia 1% of men
#93a7e4 Deuteranopia 1% of men
#0cb9c7 Tritanopia 0.001% of the population

Trichromacy

#75aad8 Protanomaly 1% of men, 0.01% of women
#6faae1 Deuteranomaly 6% of men, 0.4% of women
#19b6cf Tritanomaly 0.01% of the population

#31b1dd hex color

#31b1dd Color Information

#31b1dd Color Conversion

Color Schemes with #31b1dd

Alternatives to #31b1dd

#31b1dd Preview

Shades and Tints of #31b1dd

Tones of #31b1dd

Color Blindness Simulator