#2faaf3 Color Information
In a RGB color space, hex #2faaf3 is composed of 18.4% red, 66.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 30% magenta, 0% yellow and 4.7% black. It has a hue angle of 202.3 degrees, a saturation of 89.1% and a lightness of 56.9%. #2faaf3 color hex could be obtained by blending #5effff with #0055e7. Closest websafe color is: #3399ff.
-
- R 18
- G 67
- B 95
-
- C 81
- M 30
- Y 0
- K 5
● #2faaf3 color description : Bright blue.
#2faaf3 Color Conversion
The hexadecimal color #2faaf3 has RGB values of R:47, G:170, B:243 and CMYK values of C:0.81, M:0.3, Y:0, K:0.05. Its decimal value is 3123955.
Hex triplet | 2faaf3 | #2faaf3 |
---|---|---|
RGB Decimal | 47, 170, 243 | rgb(47,170,243) |
RGB Percent | 18.4, 66.7, 95.3 | rgb(18.4%,66.7%,95.3%) |
CMYK | 81, 30, 0, 5 | |
HSL | 202.3°, 89.1, 56.9 | hsl(202.3,89.1%,56.9%) |
HSV (or HSB) | 202.3°, 80.7, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.384, -8.282, -45.678 |
---|---|
XYZ | 31.721, 35.822, 90.032 |
xyY | 0.201, 0.227, 35.822 |
CIE-LCH | 66.384, 46.423, 259.723 |
CIE-LUV | 66.384, -40.246, -72.61 |
Hunter-Lab | 59.852, -10.137, -47.291 |
Binary | 00101111, 10101010, 11110011 |
Color Schemes with #2faaf3
Alternatives to #2faaf3
Below, you can see some colors close to #2faaf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2faaf3 Preview
This text has a font color of #2faaf3.
<span style="color:#2faaf3;">Text here</span>
This paragraph has a background color of #2faaf3.
<p style="background-color:#2faaf3;">Content here</p>
This element has a border color of #2faaf3.
<div style="border:1px solid #2faaf3;">Content here</div>
.text {color:#2faaf3;}
.background {background-color:#2faaf3;}
.border {border:1px solid #2faaf3;}
Shades and Tints of #2faaf3
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, #01090f is the darkest color, while #fbfdff is the lightest one.
-
#01090f
#01090f
rgb(1,9,15)
-
#021521
#021521
rgb(2,21,33)
-
#032234
#032234
rgb(3,34,52)
-
#042e46
#042e46
rgb(4,46,70)
-
#053a59
#053a59
rgb(5,58,89)
-
#06466b
#06466b
rgb(6,70,107)
-
#07527e
#07527e
rgb(7,82,126)
-
#085e90
#085e90
rgb(8,94,144)
-
#096aa3
#096aa3
rgb(9,106,163)
-
#0a76b5
#0a76b5
rgb(10,118,181)
-
#0c82c8
#0c82c8
rgb(12,130,200)
-
#0d8edb
#0d8edb
rgb(13,142,219)
-
#0e9aed
#0e9aed
rgb(14,154,237)
-
#1ca2f2
#1ca2f2
rgb(28,162,242)
-
#2faaf3
#2faaf3
rgb(47,170,243)
-
#42b2f4
#42b2f4
rgb(66,178,244)
-
#54b9f5
#54b9f5
rgb(84,185,245)
-
#67c1f6
#67c1f6
rgb(103,193,246)
-
#79c8f7
#79c8f7
rgb(121,200,247)
-
#8cd0f8
#8cd0f8
rgb(140,208,248)
-
#9ed7f9
#9ed7f9
rgb(158,215,249)
-
#b1dffa
#b1dffa
rgb(177,223,250)
-
#c3e7fc
#c3e7fc
rgb(195,231,252)
-
#d6eefd
#d6eefd
rgb(214,238,253)
-
#e8f6fe
#e8f6fe
rgb(232,246,254)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #2faaf3
A tone is produced by adding gray to any pure hue. In this case, #8c9296 is the less saturated color, while #27acfb is the most saturated one.
-
#8c9296
#8c9296
rgb(140,146,150)
-
#84949e
#84949e
rgb(132,148,158)
-
#7b97a7
#7b97a7
rgb(123,151,167)
-
#7399af
#7399af
rgb(115,153,175)
-
#6a9bb8
#6a9bb8
rgb(106,155,184)
-
#629dc0
#629dc0
rgb(98,157,192)
-
#599fc9
#599fc9
rgb(89,159,201)
-
#51a1d1
#51a1d1
rgb(81,161,209)
-
#48a4da
#48a4da
rgb(72,164,218)
-
#40a6e2
#40a6e2
rgb(64,166,226)
-
#37a8eb
#37a8eb
rgb(55,168,235)
-
#2faaf3
#2faaf3
rgb(47,170,243)
-
#27acfb
#27acfb
rgb(39,172,251)
Color Blindness Simulator
Below, you can see how #2faaf3 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.