#2faaff Color Information
In a RGB color space, hex #2faaff is composed of 18.4% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 204.5 degrees, a saturation of 100% and a lightness of 59.2%. #2faaff color hex could be obtained by blending #5effff with #0055ff. Closest websafe color is: #3399ff.
-
- R 18
- G 67
- B 100
-
- C 82
- M 33
- Y 0
- K 0
● #2faaff color description : Vivid blue.
#2faaff Color Conversion
The hexadecimal color #2faaff has RGB values of R:47, G:170, B:255 and CMYK values of C:0.82, M:0.33, Y:0, K:0. Its decimal value is 3123967.
Hex triplet | 2faaff | #2faaff |
---|---|---|
RGB Decimal | 47, 170, 255 | rgb(47,170,255) |
RGB Percent | 18.4, 66.7, 100 | rgb(18.4%,66.7%,100%) |
CMYK | 82, 33, 0, 0 | |
HSL | 204.5°, 100, 59.2 | hsl(204.5,100%,59.2%) |
HSV (or HSB) | 204.5°, 81.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.954, -4.047, -51.311 |
---|---|
XYZ | 33.593, 36.571, 99.891 |
xyY | 0.198, 0.215, 36.571 |
CIE-LCH | 66.954, 51.471, 265.491 |
CIE-LUV | 66.954, -39.57, -82.767 |
Hunter-Lab | 60.474, -6.674, -55.604 |
Binary | 00101111, 10101010, 11111111 |
Color Schemes with #2faaff
Alternatives to #2faaff
Below, you can see some colors close to #2faaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2faaff Preview
This text has a font color of #2faaff.
<span style="color:#2faaff;">Text here</span>
This paragraph has a background color of #2faaff.
<p style="background-color:#2faaff;">Content here</p>
This element has a border color of #2faaff.
<div style="border:1px solid #2faaff;">Content here</div>
.text {color:#2faaff;}
.background {background-color:#2faaff;}
.border {border:1px solid #2faaff;}
Shades and Tints of #2faaff
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, #000508 is the darkest color, while #f3faff is the lightest one.
-
#000508
#000508
rgb(0,5,8)
-
#00101b
#00101b
rgb(0,16,27)
-
#001c2f
#001c2f
rgb(0,28,47)
-
#002743
#002743
rgb(0,39,67)
-
#003356
#003356
rgb(0,51,86)
-
#003f6a
#003f6a
rgb(0,63,106)
-
#004a7d
#004a7d
rgb(0,74,125)
-
#005691
#005691
rgb(0,86,145)
-
#0061a5
#0061a5
rgb(0,97,165)
-
#006db8
#006db8
rgb(0,109,184)
-
#0079cc
#0079cc
rgb(0,121,204)
-
#0084e0
#0084e0
rgb(0,132,224)
-
#0090f3
#0090f3
rgb(0,144,243)
-
#089aff
#089aff
rgb(8,154,255)
-
#1ba2ff
#1ba2ff
rgb(27,162,255)
-
#2faaff
#2faaff
rgb(47,170,255)
-
#43b2ff
#43b2ff
rgb(67,178,255)
-
#56baff
#56baff
rgb(86,186,255)
-
#6ac2ff
#6ac2ff
rgb(106,194,255)
-
#7dcaff
#7dcaff
rgb(125,202,255)
-
#91d2ff
#91d2ff
rgb(145,210,255)
-
#a5daff
#a5daff
rgb(165,218,255)
-
#b8e2ff
#b8e2ff
rgb(184,226,255)
-
#cceaff
#cceaff
rgb(204,234,255)
-
#e0f2ff
#e0f2ff
rgb(224,242,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #2faaff
A tone is produced by adding gray to any pure hue. In this case, #8f989f is the less saturated color, while #2faaff is the most saturated one.
-
#8f989f
#8f989f
rgb(143,152,159)
-
#879aa7
#879aa7
rgb(135,154,167)
-
#7f9baf
#7f9baf
rgb(127,155,175)
-
#779db7
#779db7
rgb(119,157,183)
-
#6f9ebf
#6f9ebf
rgb(111,158,191)
-
#67a0c7
#67a0c7
rgb(103,160,199)
-
#5fa1cf
#5fa1cf
rgb(95,161,207)
-
#57a3d7
#57a3d7
rgb(87,163,215)
-
#4fa4df
#4fa4df
rgb(79,164,223)
-
#47a6e7
#47a6e7
rgb(71,166,231)
-
#3fa7ef
#3fa7ef
rgb(63,167,239)
-
#37a9f7
#37a9f7
rgb(55,169,247)
-
#2faaff
#2faaff
rgb(47,170,255)
Color Blindness Simulator
Below, you can see how #2faaff 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.