#31aad3 Color Information
In a RGB color space, hex #31aad3 is composed of 19.2% red, 66.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 19.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 195.2 degrees, a saturation of 64.8% and a lightness of 51%. #31aad3 color hex could be obtained by blending #62ffff with #0055a7. Closest websafe color is: #3399cc.
-
- R 19
- G 67
- B 83
-
- C 77
- M 19
- Y 0
- K 17
● #31aad3 color description : Strong blue.
#31aad3 Color Conversion
The hexadecimal color #31aad3 has RGB values of R:49, G:170, B:211 and CMYK values of C:0.77, M:0.19, Y:0, K:0.17. Its decimal value is 3254995.
Hex triplet | 31aad3 | #31aad3 |
---|---|---|
RGB Decimal | 49, 170, 211 | rgb(49,170,211) |
RGB Percent | 19.2, 66.7, 82.7 | rgb(19.2%,66.7%,82.7%) |
CMYK | 77, 19, 0, 17 | |
HSL | 195.2°, 64.8, 51 | hsl(195.2,64.8%,51%) |
HSV (or HSB) | 195.2°, 76.8, 82.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.044, -19.046, -30.18 |
---|---|
XYZ | 27.396, 34.103, 66.763 |
xyY | 0.214, 0.266, 34.103 |
CIE-LCH | 65.044, 35.687, 237.745 |
CIE-LUV | 65.044, -41.94, -44.932 |
Hunter-Lab | 58.398, -18.457, -26.905 |
Binary | 00110001, 10101010, 11010011 |
Color Schemes with #31aad3
Alternatives to #31aad3
Below, you can see some colors close to #31aad3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31aad3 Preview
This text has a font color of #31aad3.
<span style="color:#31aad3;">Text here</span>
This paragraph has a background color of #31aad3.
<p style="background-color:#31aad3;">Content here</p>
This element has a border color of #31aad3.
<div style="border:1px solid #31aad3;">Content here</div>
.text {color:#31aad3;}
.background {background-color:#31aad3;}
.border {border:1px solid #31aad3;}
Shades and Tints of #31aad3
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, #010304 is the darkest color, while #f3fafc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#041014
#041014
rgb(4,16,20)
-
#081d24
#081d24
rgb(8,29,36)
-
#0b2a35
#0b2a35
rgb(11,42,53)
-
#0f3745
#0f3745
rgb(15,55,69)
-
#124455
#124455
rgb(18,68,85)
-
#165165
#165165
rgb(22,81,101)
-
#195e75
#195e75
rgb(25,94,117)
-
#1c6b85
#1c6b85
rgb(28,107,133)
-
#207896
#207896
rgb(32,120,150)
-
#2385a6
#2385a6
rgb(35,133,166)
-
#2792b6
#2792b6
rgb(39,146,182)
-
#2a9fc6
#2a9fc6
rgb(42,159,198)
-
#31aad3
#31aad3
rgb(49,170,211)
-
#41b1d6
#41b1d6
rgb(65,177,214)
-
#51b7da
#51b7da
rgb(81,183,218)
-
#61bedd
#61bedd
rgb(97,190,221)
-
#72c5e1
#72c5e1
rgb(114,197,225)
-
#82cbe4
#82cbe4
rgb(130,203,228)
-
#92d2e8
#92d2e8
rgb(146,210,232)
-
#a2d9eb
#a2d9eb
rgb(162,217,235)
-
#b2dfef
#b2dfef
rgb(178,223,239)
-
#c2e6f2
#c2e6f2
rgb(194,230,242)
-
#d3edf6
#d3edf6
rgb(211,237,246)
-
#e3f3f9
#e3f3f9
rgb(227,243,249)
-
#f3fafc
#f3fafc
rgb(243,250,252)
Tones of #31aad3
A tone is produced by adding gray to any pure hue. In this case, #7e8486 is the less saturated color, while #0bbdf9 is the most saturated one.
-
#7e8486
#7e8486
rgb(126,132,134)
-
#748990
#748990
rgb(116,137,144)
-
#6b8e99
#6b8e99
rgb(107,142,153)
-
#6192a3
#6192a3
rgb(97,146,163)
-
#5797ad
#5797ad
rgb(87,151,173)
-
#4e9cb6
#4e9cb6
rgb(78,156,182)
-
#44a1c0
#44a1c0
rgb(68,161,192)
-
#3ba5c9
#3ba5c9
rgb(59,165,201)
-
#31aad3
#31aad3
rgb(49,170,211)
-
#27afdd
#27afdd
rgb(39,175,221)
-
#1eb3e6
#1eb3e6
rgb(30,179,230)
-
#14b8f0
#14b8f0
rgb(20,184,240)
-
#0bbdf9
#0bbdf9
rgb(11,189,249)
Color Blindness Simulator
Below, you can see how #31aad3 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.