#3aafe1 Color Information
In a RGB color space, hex #3aafe1 is composed of 22.7% red, 68.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 22.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 198 degrees, a saturation of 73.6% and a lightness of 55.5%. #3aafe1 color hex could be obtained by blending #74ffff with #005fc3. Closest websafe color is: #3399cc.
-
- R 23
- G 69
- B 88
-
- C 74
- M 22
- Y 0
- K 12
● #3aafe1 color description : Bright blue.
#3aafe1 Color Conversion
The hexadecimal color #3aafe1 has RGB values of R:58, G:175, B:225 and CMYK values of C:0.74, M:0.22, Y:0, K:0.12. Its decimal value is 3846113.
Hex triplet | 3aafe1 | #3aafe1 |
---|---|---|
RGB Decimal | 58, 175, 225 | rgb(58,175,225) |
RGB Percent | 22.7, 68.6, 88.2 | rgb(22.7%,68.6%,88.2%) |
CMYK | 74, 22, 0, 12 | |
HSL | 198°, 73.6, 55.5 | hsl(198,73.6%,55.5%) |
HSV (or HSB) | 198°, 74.2, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 67.272, -16.012, -34.424 |
---|---|
XYZ | 30.662, 36.993, 76.754 |
xyY | 0.212, 0.256, 36.993 |
CIE-LCH | 67.272, 37.966, 245.055 |
CIE-LUV | 67.272, -41.543, -52.678 |
Hunter-Lab | 60.822, -16.452, -32.246 |
Binary | 00111010, 10101111, 11100001 |
Color Schemes with #3aafe1
Alternatives to #3aafe1
Below, you can see some colors close to #3aafe1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aafe1 Preview
This text has a font color of #3aafe1.
<span style="color:#3aafe1;">Text here</span>
This paragraph has a background color of #3aafe1.
<p style="background-color:#3aafe1;">Content here</p>
This element has a border color of #3aafe1.
<div style="border:1px solid #3aafe1;">Content here</div>
.text {color:#3aafe1;}
.background {background-color:#3aafe1;}
.border {border:1px solid #3aafe1;}
Shades and Tints of #3aafe1
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)
-
#061f29
#061f29
rgb(6,31,41)
-
#092c3a
#092c3a
rgb(9,44,58)
-
#0b384b
#0b384b
rgb(11,56,75)
-
#0e455c
#0e455c
rgb(14,69,92)
-
#11526d
#11526d
rgb(17,82,109)
-
#135e7e
#135e7e
rgb(19,94,126)
-
#166b8f
#166b8f
rgb(22,107,143)
-
#1878a0
#1878a0
rgb(24,120,160)
-
#1b84b2
#1b84b2
rgb(27,132,178)
-
#1e91c3
#1e91c3
rgb(30,145,195)
-
#209ed4
#209ed4
rgb(32,158,212)
-
#29a8de
#29a8de
rgb(41,168,222)
-
#3aafe1
#3aafe1
rgb(58,175,225)
-
#4bb6e4
#4bb6e4
rgb(75,182,228)
-
#5cbde6
#5cbde6
rgb(92,189,230)
-
#6dc4e9
#6dc4e9
rgb(109,196,233)
-
#7ecbeb
#7ecbeb
rgb(126,203,235)
-
#8fd2ee
#8fd2ee
rgb(143,210,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 #3aafe1
A tone is produced by adding gray to any pure hue. In this case, #898f92 is the less saturated color, while #20bafb is the most saturated one.
-
#898f92
#898f92
rgb(137,143,146)
-
#80939b
#80939b
rgb(128,147,155)
-
#7796a4
#7796a4
rgb(119,150,164)
-
#6e9aad
#6e9aad
rgb(110,154,173)
-
#669db5
#669db5
rgb(102,157,181)
-
#5da1be
#5da1be
rgb(93,161,190)
-
#54a4c7
#54a4c7
rgb(84,164,199)
-
#4ba8d0
#4ba8d0
rgb(75,168,208)
-
#43abd8
#43abd8
rgb(67,171,216)
-
#3aafe1
#3aafe1
rgb(58,175,225)
-
#31b3ea
#31b3ea
rgb(49,179,234)
-
#29b6f2
#29b6f2
rgb(41,182,242)
-
#20bafb
#20bafb
rgb(32,186,251)
Color Blindness Simulator
Below, you can see how #3aafe1 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.