#3aade1 Color Information
In a RGB color space, hex #3aade1 is composed of 22.7% red, 67.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 23.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 198.7 degrees, a saturation of 73.6% and a lightness of 55.5%. #3aade1 color hex could be obtained by blending #74ffff with #005bc3. Closest websafe color is: #3399cc.
-
- R 23
- G 68
- B 88
-
- C 74
- M 23
- Y 0
- K 12
● #3aade1 color description : Bright blue.
#3aade1 Color Conversion
The hexadecimal color #3aade1 has RGB values of R:58, G:173, B:225 and CMYK values of C:0.74, M:0.23, Y:0, K:0.12. Its decimal value is 3845601.
Hex triplet | 3aade1 | #3aade1 |
---|---|---|
RGB Decimal | 58, 173, 225 | rgb(58,173,225) |
RGB Percent | 22.7, 67.8, 88.2 | rgb(22.7%,67.8%,88.2%) |
CMYK | 74, 23, 0, 12 | |
HSL | 198.7°, 73.6, 55.5 | hsl(198.7,73.6%,55.5%) |
HSV (or HSB) | 198.7°, 74.2, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.688, -14.942, -35.331 |
---|---|
XYZ | 30.276, 36.22, 76.626 |
xyY | 0.212, 0.253, 36.22 |
CIE-LCH | 66.688, 38.361, 247.076 |
CIE-LUV | 66.688, -40.844, -54.28 |
Hunter-Lab | 60.183, -15.525, -33.36 |
Binary | 00111010, 10101101, 11100001 |
Color Schemes with #3aade1
Alternatives to #3aade1
Below, you can see some colors close to #3aade1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aade1 Preview
This text has a font color of #3aade1.
<span style="color:#3aade1;">Text here</span>
This paragraph has a background color of #3aade1.
<p style="background-color:#3aade1;">Content here</p>
This element has a border color of #3aade1.
<div style="border:1px solid #3aade1;">Content here</div>
.text {color:#3aade1;}
.background {background-color:#3aade1;}
.border {border:1px solid #3aade1;}
Shades and Tints of #3aade1
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, #010507 is the darkest color, while #f5fbfe is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#041218
#041218
rgb(4,18,24)
-
#061e29
#061e29
rgb(6,30,41)
-
#092b3a
#092b3a
rgb(9,43,58)
-
#0b374b
#0b374b
rgb(11,55,75)
-
#0e445c
#0e445c
rgb(14,68,92)
-
#11516d
#11516d
rgb(17,81,109)
-
#135d7e
#135d7e
rgb(19,93,126)
-
#166a8f
#166a8f
rgb(22,106,143)
-
#1876a0
#1876a0
rgb(24,118,160)
-
#1b83b2
#1b83b2
rgb(27,131,178)
-
#1e8fc3
#1e8fc3
rgb(30,143,195)
-
#209cd4
#209cd4
rgb(32,156,212)
-
#29a6de
#29a6de
rgb(41,166,222)
-
#3aade1
#3aade1
rgb(58,173,225)
-
#4bb4e4
#4bb4e4
rgb(75,180,228)
-
#5cbbe6
#5cbbe6
rgb(92,187,230)
-
#6dc2e9
#6dc2e9
rgb(109,194,233)
-
#7ec9eb
#7ec9eb
rgb(126,201,235)
-
#8fd0ee
#8fd0ee
rgb(143,208,238)
-
#a0d8f1
#a0d8f1
rgb(160,216,241)
-
#b1dff3
#b1dff3
rgb(177,223,243)
-
#c2e6f6
#c2e6f6
rgb(194,230,246)
-
#d3edf8
#d3edf8
rgb(211,237,248)
-
#e4f4fb
#e4f4fb
rgb(228,244,251)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #3aade1
A tone is produced by adding gray to any pure hue. In this case, #898f92 is the less saturated color, while #20b7fb is the most saturated one.
-
#898f92
#898f92
rgb(137,143,146)
-
#80939b
#80939b
rgb(128,147,155)
-
#7796a4
#7796a4
rgb(119,150,164)
-
#6e99ad
#6e99ad
rgb(110,153,173)
-
#669db5
#669db5
rgb(102,157,181)
-
#5da0be
#5da0be
rgb(93,160,190)
-
#54a3c7
#54a3c7
rgb(84,163,199)
-
#4ba6d0
#4ba6d0
rgb(75,166,208)
-
#43aad8
#43aad8
rgb(67,170,216)
-
#3aade1
#3aade1
rgb(58,173,225)
-
#31b0ea
#31b0ea
rgb(49,176,234)
-
#29b4f2
#29b4f2
rgb(41,180,242)
-
#20b7fb
#20b7fb
rgb(32,183,251)
Color Blindness Simulator
Below, you can see how #3aade1 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.