#3faaff Color Information
In a RGB color space, hex #3faaff is composed of 24.7% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 206.6 degrees, a saturation of 100% and a lightness of 62.4%. #3faaff color hex could be obtained by blending #7effff with #0055ff. Closest websafe color is: #3399ff.
-
- R 25
- G 67
- B 100
-
- C 75
- M 33
- Y 0
- K 0
● #3faaff color description : Light blue.
#3faaff Color Conversion
The hexadecimal color #3faaff has RGB values of R:63, G:170, B:255 and CMYK values of C:0.75, M:0.33, Y:0, K:0. Its decimal value is 4172543.
Hex triplet | 3faaff | #3faaff |
---|---|---|
RGB Decimal | 63, 170, 255 | rgb(63,170,255) |
RGB Percent | 24.7, 66.7, 100 | rgb(24.7%,66.7%,100%) |
CMYK | 75, 33, 0, 0 | |
HSL | 206.6°, 100, 62.4 | hsl(206.6,100%,62.4%) |
HSV (or HSB) | 206.6°, 75.3, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.295, -2.463, -50.751 |
---|---|
XYZ | 34.47, 37.023, 99.932 |
xyY | 0.201, 0.216, 37.023 |
CIE-LCH | 67.295, 50.81, 267.221 |
CIE-LUV | 67.295, -37.487, -82.043 |
Hunter-Lab | 60.847, -5.36, -54.782 |
Binary | 00111111, 10101010, 11111111 |
Color Schemes with #3faaff
Alternatives to #3faaff
Below, you can see some colors close to #3faaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3faaff Preview
This text has a font color of #3faaff.
<span style="color:#3faaff;">Text here</span>
This paragraph has a background color of #3faaff.
<p style="background-color:#3faaff;">Content here</p>
This element has a border color of #3faaff.
<div style="border:1px solid #3faaff;">Content here</div>
.text {color:#3faaff;}
.background {background-color:#3faaff;}
.border {border:1px solid #3faaff;}
Shades and Tints of #3faaff
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, #000204 is the darkest color, while #f0f8ff is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#000d18
#000d18
rgb(0,13,24)
-
#00182b
#00182b
rgb(0,24,43)
-
#00233f
#00233f
rgb(0,35,63)
-
#002e53
#002e53
rgb(0,46,83)
-
#003966
#003966
rgb(0,57,102)
-
#00447a
#00447a
rgb(0,68,122)
-
#004f8d
#004f8d
rgb(0,79,141)
-
#005aa1
#005aa1
rgb(0,90,161)
-
#0065b5
#0065b5
rgb(0,101,181)
-
#0070c8
#0070c8
rgb(0,112,200)
-
#007bdc
#007bdc
rgb(0,123,220)
-
#0085f0
#0085f0
rgb(0,133,240)
-
#0490ff
#0490ff
rgb(4,144,255)
-
#1899ff
#1899ff
rgb(24,153,255)
-
#2ba1ff
#2ba1ff
rgb(43,161,255)
-
#3faaff
#3faaff
rgb(63,170,255)
-
#53b3ff
#53b3ff
rgb(83,179,255)
-
#66bbff
#66bbff
rgb(102,187,255)
-
#7ac4ff
#7ac4ff
rgb(122,196,255)
-
#8dcdff
#8dcdff
rgb(141,205,255)
-
#a1d5ff
#a1d5ff
rgb(161,213,255)
-
#b5deff
#b5deff
rgb(181,222,255)
-
#c8e7ff
#c8e7ff
rgb(200,231,255)
-
#dcefff
#dcefff
rgb(220,239,255)
-
#f0f8ff
#f0f8ff
rgb(240,248,255)
Tones of #3faaff
A tone is produced by adding gray to any pure hue. In this case, #98a0a6 is the less saturated color, while #3faaff is the most saturated one.
-
#98a0a6
#98a0a6
rgb(152,160,166)
-
#90a1ae
#90a1ae
rgb(144,161,174)
-
#89a2b5
#89a2b5
rgb(137,162,181)
-
#81a2bd
#81a2bd
rgb(129,162,189)
-
#7aa3c4
#7aa3c4
rgb(122,163,196)
-
#73a4cb
#73a4cb
rgb(115,164,203)
-
#6ba5d3
#6ba5d3
rgb(107,165,211)
-
#64a6da
#64a6da
rgb(100,166,218)
-
#5da7e1
#5da7e1
rgb(93,167,225)
-
#55a7e9
#55a7e9
rgb(85,167,233)
-
#4ea8f0
#4ea8f0
rgb(78,168,240)
-
#46a9f8
#46a9f8
rgb(70,169,248)
-
#3faaff
#3faaff
rgb(63,170,255)
Color Blindness Simulator
Below, you can see how #3faaff 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.