#31aad4 Color Information
In a RGB color space, hex #31aad4 is composed of 19.2% red, 66.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 19.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 195.5 degrees, a saturation of 65.5% and a lightness of 51.2%. #31aad4 color hex could be obtained by blending #62ffff with #0055a9. Closest websafe color is: #3399cc.
-
- R 19
- G 67
- B 83
-
- C 77
- M 20
- Y 0
- K 17
● #31aad4 color description : Strong blue.
#31aad4 Color Conversion
The hexadecimal color #31aad4 has RGB values of R:49, G:170, B:212 and CMYK values of C:0.77, M:0.2, Y:0, K:0.17. Its decimal value is 3254996.
Hex triplet | 31aad4 | #31aad4 |
---|---|---|
RGB Decimal | 49, 170, 212 | rgb(49,170,212) |
RGB Percent | 19.2, 66.7, 83.1 | rgb(19.2%,66.7%,83.1%) |
CMYK | 77, 20, 0, 17 | |
HSL | 195.5°, 65.5, 51.2 | hsl(195.5,65.5%,51.2%) |
HSV (or HSB) | 195.5°, 76.9, 83.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.084, -18.713, -30.671 |
---|---|
XYZ | 27.522, 34.153, 67.426 |
xyY | 0.213, 0.265, 34.153 |
CIE-LCH | 65.084, 35.929, 238.612 |
CIE-LUV | 65.084, -41.876, -45.801 |
Hunter-Lab | 58.441, -18.21, -27.496 |
Binary | 00110001, 10101010, 11010100 |
Color Schemes with #31aad4
Alternatives to #31aad4
Below, you can see some colors close to #31aad4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31aad4 Preview
This text has a font color of #31aad4.
<span style="color:#31aad4;">Text here</span>
This paragraph has a background color of #31aad4.
<p style="background-color:#31aad4;">Content here</p>
This element has a border color of #31aad4.
<div style="border:1px solid #31aad4;">Content here</div>
.text {color:#31aad4;}
.background {background-color:#31aad4;}
.border {border:1px solid #31aad4;}
Shades and Tints of #31aad4
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, #010405 is the darkest color, while #f4fafd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#041115
#041115
rgb(4,17,21)
-
#081e25
#081e25
rgb(8,30,37)
-
#0b2b36
#0b2b36
rgb(11,43,54)
-
#0f3846
#0f3846
rgb(15,56,70)
-
#124556
#124556
rgb(18,69,86)
-
#155166
#155166
rgb(21,81,102)
-
#195e77
#195e77
rgb(25,94,119)
-
#1c6b87
#1c6b87
rgb(28,107,135)
-
#207897
#207897
rgb(32,120,151)
-
#2385a7
#2385a7
rgb(35,133,167)
-
#2692b7
#2692b7
rgb(38,146,183)
-
#2a9fc8
#2a9fc8
rgb(42,159,200)
-
#31aad4
#31aad4
rgb(49,170,212)
-
#41b1d7
#41b1d7
rgb(65,177,215)
-
#51b7db
#51b7db
rgb(81,183,219)
-
#62bede
#62bede
rgb(98,190,222)
-
#72c5e2
#72c5e2
rgb(114,197,226)
-
#82cbe5
#82cbe5
rgb(130,203,229)
-
#92d2e8
#92d2e8
rgb(146,210,232)
-
#a3d9ec
#a3d9ec
rgb(163,217,236)
-
#b3e0ef
#b3e0ef
rgb(179,224,239)
-
#c3e6f2
#c3e6f2
rgb(195,230,242)
-
#d3edf6
#d3edf6
rgb(211,237,246)
-
#e4f4f9
#e4f4f9
rgb(228,244,249)
-
#f4fafd
#f4fafd
rgb(244,250,253)
Tones of #31aad4
A tone is produced by adding gray to any pure hue. In this case, #7e8587 is the less saturated color, while #0bbdfa is the most saturated one.
-
#7e8587
#7e8587
rgb(126,133,135)
-
#748a91
#748a91
rgb(116,138,145)
-
#6a8e9b
#6a8e9b
rgb(106,142,155)
-
#6193a4
#6193a4
rgb(97,147,164)
-
#5797ae
#5797ae
rgb(87,151,174)
-
#4e9cb7
#4e9cb7
rgb(78,156,183)
-
#44a1c1
#44a1c1
rgb(68,161,193)
-
#3ba5ca
#3ba5ca
rgb(59,165,202)
-
#31aad4
#31aad4
rgb(49,170,212)
-
#27afde
#27afde
rgb(39,175,222)
-
#1eb3e7
#1eb3e7
rgb(30,179,231)
-
#14b8f1
#14b8f1
rgb(20,184,241)
-
#0bbdfa
#0bbdfa
rgb(11,189,250)
Color Blindness Simulator
Below, you can see how #31aad4 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.