#3aadfd Color Information
In a RGB color space, hex #3aadfd is composed of 22.7% red, 67.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 31.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.6 degrees, a saturation of 98% and a lightness of 61%. #3aadfd color hex could be obtained by blending #74ffff with #005bfb. Closest websafe color is: #3399ff.
-
- R 23
- G 68
- B 99
-
- C 77
- M 32
- Y 0
- K 1
● #3aadfd color description : Bright blue.
#3aadfd Color Conversion
The hexadecimal color #3aadfd has RGB values of R:58, G:173, B:253 and CMYK values of C:0.77, M:0.32, Y:0, K:0.01. Its decimal value is 3845629.
Hex triplet | 3aadfd | #3aadfd |
---|---|---|
RGB Decimal | 58, 173, 253 | rgb(58,173,253) |
RGB Percent | 22.7, 67.8, 99.2 | rgb(22.7%,67.8%,99.2%) |
CMYK | 77, 32, 0, 1 | |
HSL | 204.6°, 98, 61 | hsl(204.6,98%,61%) |
HSV (or HSB) | 204.6°, 77.1, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.929, -5.392, -48.672 |
---|---|
XYZ | 34.414, 37.876, 98.42 |
xyY | 0.202, 0.222, 37.876 |
CIE-LCH | 67.929, 48.97, 263.678 |
CIE-LUV | 67.929, -39.311, -78.29 |
Hunter-Lab | 61.543, -7.887, -51.737 |
Binary | 00111010, 10101101, 11111101 |
Color Schemes with #3aadfd
Alternatives to #3aadfd
Below, you can see some colors close to #3aadfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aadfd Preview
This text has a font color of #3aadfd.
<span style="color:#3aadfd;">Text here</span>
This paragraph has a background color of #3aadfd.
<p style="background-color:#3aadfd;">Content here</p>
This element has a border color of #3aadfd.
<div style="border:1px solid #3aadfd;">Content here</div>
.text {color:#3aadfd;}
.background {background-color:#3aadfd;}
.border {border:1px solid #3aadfd;}
Shades and Tints of #3aadfd
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, #000a11 is the darkest color, while #fcfeff is the lightest one.
-
#000a11
#000a11
rgb(0,10,17)
-
#001524
#001524
rgb(0,21,36)
-
#012137
#012137
rgb(1,33,55)
-
#012c4b
#012c4b
rgb(1,44,75)
-
#01385e
#01385e
rgb(1,56,94)
-
#014472
#014472
rgb(1,68,114)
-
#014f85
#014f85
rgb(1,79,133)
-
#025b99
#025b99
rgb(2,91,153)
-
#0266ac
#0266ac
rgb(2,102,172)
-
#0272bf
#0272bf
rgb(2,114,191)
-
#027dd3
#027dd3
rgb(2,125,211)
-
#0289e6
#0289e6
rgb(2,137,230)
-
#0394fa
#0394fa
rgb(3,148,250)
-
#139dfd
#139dfd
rgb(19,157,253)
-
#27a5fd
#27a5fd
rgb(39,165,253)
-
#3aadfd
#3aadfd
rgb(58,173,253)
-
#4db5fd
#4db5fd
rgb(77,181,253)
-
#61bdfd
#61bdfd
rgb(97,189,253)
-
#74c5fe
#74c5fe
rgb(116,197,254)
-
#88cdfe
#88cdfe
rgb(136,205,254)
-
#9bd5fe
#9bd5fe
rgb(155,213,254)
-
#afddfe
#afddfe
rgb(175,221,254)
-
#c2e6fe
#c2e6fe
rgb(194,230,254)
-
#d5eeff
#d5eeff
rgb(213,238,255)
-
#e9f6ff
#e9f6ff
rgb(233,246,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #3aadfd
A tone is produced by adding gray to any pure hue. In this case, #969da1 is the less saturated color, while #3aadfd is the most saturated one.
-
#969da1
#969da1
rgb(150,157,161)
-
#8e9ea9
#8e9ea9
rgb(142,158,169)
-
#879fb0
#879fb0
rgb(135,159,176)
-
#7fa1b8
#7fa1b8
rgb(127,161,184)
-
#77a2c0
#77a2c0
rgb(119,162,192)
-
#70a3c7
#70a3c7
rgb(112,163,199)
-
#68a5cf
#68a5cf
rgb(104,165,207)
-
#60a6d7
#60a6d7
rgb(96,166,215)
-
#59a8de
#59a8de
rgb(89,168,222)
-
#51a9e6
#51a9e6
rgb(81,169,230)
-
#49aaee
#49aaee
rgb(73,170,238)
-
#42acf5
#42acf5
rgb(66,172,245)
-
#3aadfd
#3aadfd
rgb(58,173,253)
Color Blindness Simulator
Below, you can see how #3aadfd 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.