#3aaff9 Color Information
In a RGB color space, hex #3aaff9 is composed of 22.7% red, 68.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 29.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 203.2 degrees, a saturation of 94.1% and a lightness of 60.2%. #3aaff9 color hex could be obtained by blending #74ffff with #005ff3. Closest websafe color is: #3399ff.
-
- R 23
- G 69
- B 98
-
- C 77
- M 30
- Y 0
- K 2
● #3aaff9 color description : Bright blue.
#3aaff9 Color Conversion
The hexadecimal color #3aaff9 has RGB values of R:58, G:175, B:249 and CMYK values of C:0.77, M:0.3, Y:0, K:0.02. Its decimal value is 3846137.
Hex triplet | 3aaff9 | #3aaff9 |
---|---|---|
RGB Decimal | 58, 175, 249 | rgb(58,175,249) |
RGB Percent | 22.7, 68.6, 97.6 | rgb(22.7%,68.6%,97.6%) |
CMYK | 77, 30, 0, 2 | |
HSL | 203.2°, 94.1, 60.2 | hsl(203.2,94.1%,60.2%) |
HSV (or HSB) | 203.2°, 76.7, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.312, -7.887, -45.898 |
---|---|
XYZ | 34.17, 38.396, 95.228 |
xyY | 0.204, 0.229, 38.396 |
CIE-LCH | 68.312, 46.571, 260.25 |
CIE-LUV | 68.312, -40.195, -73.329 |
Hunter-Lab | 61.965, -10.007, -47.742 |
Binary | 00111010, 10101111, 11111001 |
Color Schemes with #3aaff9
Alternatives to #3aaff9
Below, you can see some colors close to #3aaff9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aaff9 Preview
This text has a font color of #3aaff9.
<span style="color:#3aaff9;">Text here</span>
This paragraph has a background color of #3aaff9.
<p style="background-color:#3aaff9;">Content here</p>
This element has a border color of #3aaff9.
<div style="border:1px solid #3aaff9;">Content here</div>
.text {color:#3aaff9;}
.background {background-color:#3aaff9;}
.border {border:1px solid #3aaff9;}
Shades and Tints of #3aaff9
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, #00080c is the darkest color, while #f8fcff is the lightest one.
-
#00080c
#00080c
rgb(0,8,12)
-
#01141f
#01141f
rgb(1,20,31)
-
#022032
#022032
rgb(2,32,50)
-
#022b45
#022b45
rgb(2,43,69)
-
#033759
#033759
rgb(3,55,89)
-
#03436c
#03436c
rgb(3,67,108)
-
#044f7f
#044f7f
rgb(4,79,127)
-
#045b92
#045b92
rgb(4,91,146)
-
#0567a5
#0567a5
rgb(5,103,165)
-
#0673b8
#0673b8
rgb(6,115,184)
-
#067fcb
#067fcb
rgb(6,127,203)
-
#078ade
#078ade
rgb(7,138,222)
-
#0796f1
#0796f1
rgb(7,150,241)
-
#14a0f8
#14a0f8
rgb(20,160,248)
-
#27a7f8
#27a7f8
rgb(39,167,248)
-
#3aaff9
#3aaff9
rgb(58,175,249)
-
#4db7fa
#4db7fa
rgb(77,183,250)
-
#60befa
#60befa
rgb(96,190,250)
-
#73c6fb
#73c6fb
rgb(115,198,251)
-
#86cefb
#86cefb
rgb(134,206,251)
-
#99d6fc
#99d6fc
rgb(153,214,252)
-
#acddfc
#acddfc
rgb(172,221,252)
-
#bfe5fd
#bfe5fd
rgb(191,229,253)
-
#d2edfe
#d2edfe
rgb(210,237,254)
-
#e5f5fe
#e5f5fe
rgb(229,245,254)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #3aaff9
A tone is produced by adding gray to any pure hue. In this case, #989a9b is the less saturated color, while #3aaff9 is the most saturated one.
-
#989a9b
#989a9b
rgb(152,154,155)
-
#909ca3
#909ca3
rgb(144,156,163)
-
#889dab
#889dab
rgb(136,157,171)
-
#809fb3
#809fb3
rgb(128,159,179)
-
#78a1bb
#78a1bb
rgb(120,161,187)
-
#71a3c2
#71a3c2
rgb(113,163,194)
-
#69a4ca
#69a4ca
rgb(105,164,202)
-
#61a6d2
#61a6d2
rgb(97,166,210)
-
#59a8da
#59a8da
rgb(89,168,218)
-
#51aae2
#51aae2
rgb(81,170,226)
-
#4aabe9
#4aabe9
rgb(74,171,233)
-
#42adf1
#42adf1
rgb(66,173,241)
-
#3aaff9
#3aaff9
rgb(58,175,249)
Color Blindness Simulator
Below, you can see how #3aaff9 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.