#31afdb Color Information
In a RGB color space, hex #31afdb is composed of 19.2% red, 68.6% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 20.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 195.5 degrees, a saturation of 70.2% and a lightness of 52.5%. #31afdb color hex could be obtained by blending #62ffff with #005fb7. Closest websafe color is: #3399cc.
-
- R 19
- G 69
- B 86
-
- C 78
- M 20
- Y 0
- K 14
● #31afdb color description : Bright blue.
#31afdb Color Conversion
The hexadecimal color #31afdb has RGB values of R:49, G:175, B:219 and CMYK values of C:0.78, M:0.2, Y:0, K:0.14. Its decimal value is 3256283.
Hex triplet | 31afdb | #31afdb |
---|---|---|
RGB Decimal | 49, 175, 219 | rgb(49,175,219) |
RGB Percent | 19.2, 68.6, 85.9 | rgb(19.2%,68.6%,85.9%) |
CMYK | 78, 20, 0, 14 | |
HSL | 195.5°, 70.2, 52.5 | hsl(195.5,70.2%,52.5%) |
HSV (or HSB) | 195.5°, 77.6, 85.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.843, -19.014, -31.809 |
---|---|
XYZ | 29.379, 36.425, 72.496 |
xyY | 0.212, 0.263, 36.425 |
CIE-LCH | 66.843, 37.059, 239.131 |
CIE-LUV | 66.843, -43.179, -47.85 |
Hunter-Lab | 60.353, -18.725, -28.972 |
Binary | 00110001, 10101111, 11011011 |
Color Schemes with #31afdb
Alternatives to #31afdb
Below, you can see some colors close to #31afdb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31afdb Preview
This text has a font color of #31afdb.
<span style="color:#31afdb;">Text here</span>
This paragraph has a background color of #31afdb.
<p style="background-color:#31afdb;">Content here</p>
This element has a border color of #31afdb.
<div style="border:1px solid #31afdb;">Content here</div>
.text {color:#31afdb;}
.background {background-color:#31afdb;}
.border {border:1px solid #31afdb;}
Shades and Tints of #31afdb
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, #02090b is the darkest color, while #f9fdfe is the lightest one.
-
#02090b
#02090b
rgb(2,9,11)
-
#05161c
#05161c
rgb(5,22,28)
-
#08232c
#08232c
rgb(8,35,44)
-
#0b303d
#0b303d
rgb(11,48,61)
-
#0e3d4e
#0e3d4e
rgb(14,61,78)
-
#114a5f
#114a5f
rgb(17,74,95)
-
#13576f
#13576f
rgb(19,87,111)
-
#166580
#166580
rgb(22,101,128)
-
#197291
#197291
rgb(25,114,145)
-
#1c7fa1
#1c7fa1
rgb(28,127,161)
-
#1f8cb2
#1f8cb2
rgb(31,140,178)
-
#2299c3
#2299c3
rgb(34,153,195)
-
#25a6d3
#25a6d3
rgb(37,166,211)
-
#31afdb
#31afdb
rgb(49,175,219)
-
#42b5de
#42b5de
rgb(66,181,222)
-
#52bce1
#52bce1
rgb(82,188,225)
-
#63c2e4
#63c2e4
rgb(99,194,228)
-
#74c9e7
#74c9e7
rgb(116,201,231)
-
#84cfea
#84cfea
rgb(132,207,234)
-
#95d6ed
#95d6ed
rgb(149,214,237)
-
#a6dcef
#a6dcef
rgb(166,220,239)
-
#b7e3f2
#b7e3f2
rgb(183,227,242)
-
#c7e9f5
#c7e9f5
rgb(199,233,245)
-
#d8f0f8
#d8f0f8
rgb(216,240,248)
-
#e9f6fb
#e9f6fb
rgb(233,246,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #31afdb
A tone is produced by adding gray to any pure hue. In this case, #858787 is the less saturated color, while #15bcf7 is the most saturated one.
-
#858787
#858787
rgb(133,135,135)
-
#7b8b91
#7b8b91
rgb(123,139,145)
-
#72909a
#72909a
rgb(114,144,154)
-
#6994a3
#6994a3
rgb(105,148,163)
-
#6099ac
#6099ac
rgb(96,153,172)
-
#569db6
#569db6
rgb(86,157,182)
-
#4da2bf
#4da2bf
rgb(77,162,191)
-
#44a6c8
#44a6c8
rgb(68,166,200)
-
#3aabd2
#3aabd2
rgb(58,171,210)
-
#31afdb
#31afdb
rgb(49,175,219)
-
#28b3e4
#28b3e4
rgb(40,179,228)
-
#1eb8ee
#1eb8ee
rgb(30,184,238)
-
#15bcf7
#15bcf7
rgb(21,188,247)
Color Blindness Simulator
Below, you can see how #31afdb 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.