#3faaf2 Color Information
In a RGB color space, hex #3faaf2 is composed of 24.7% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 204.1 degrees, a saturation of 87.3% and a lightness of 59.8%. #3faaf2 color hex could be obtained by blending #7effff with #0055e5. Closest websafe color is: #3399ff.
-
- R 25
- G 67
- B 95
-
- C 74
- M 30
- Y 0
- K 5
● #3faaf2 color description : Bright blue.
#3faaf2 Color Conversion
The hexadecimal color #3faaf2 has RGB values of R:63, G:170, B:242 and CMYK values of C:0.74, M:0.3, Y:0, K:0.05. Its decimal value is 4172530.
Hex triplet | 3faaf2 | #3faaf2 |
---|---|---|
RGB Decimal | 63, 170, 242 | rgb(63,170,242) |
RGB Percent | 24.7, 66.7, 94.9 | rgb(24.7%,66.7%,94.9%) |
CMYK | 74, 30, 0, 5 | |
HSL | 204.1°, 87.3, 59.8 | hsl(204.1,87.3%,59.8%) |
HSV (or HSB) | 204.1°, 74, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.683, -6.944, -44.637 |
---|---|
XYZ | 32.448, 36.214, 89.28 |
xyY | 0.205, 0.229, 36.214 |
CIE-LCH | 66.683, 45.174, 261.158 |
CIE-LUV | 66.683, -38.115, -71.029 |
Hunter-Lab | 60.178, -9.066, -45.837 |
Binary | 00111111, 10101010, 11110010 |
Color Schemes with #3faaf2
Alternatives to #3faaf2
Below, you can see some colors close to #3faaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3faaf2 Preview
This text has a font color of #3faaf2.
<span style="color:#3faaf2;">Text here</span>
This paragraph has a background color of #3faaf2.
<p style="background-color:#3faaf2;">Content here</p>
This element has a border color of #3faaf2.
<div style="border:1px solid #3faaf2;">Content here</div>
.text {color:#3faaf2;}
.background {background-color:#3faaf2;}
.border {border:1px solid #3faaf2;}
Shades and Tints of #3faaf2
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, #01060a is the darkest color, while #f7fbfe is the lightest one.
-
#01060a
#01060a
rgb(1,6,10)
-
#02121c
#02121c
rgb(2,18,28)
-
#031d2f
#031d2f
rgb(3,29,47)
-
#042941
#042941
rgb(4,41,65)
-
#063454
#063454
rgb(6,52,84)
-
#074066
#074066
rgb(7,64,102)
-
#084b78
#084b78
rgb(8,75,120)
-
#09578b
#09578b
rgb(9,87,139)
-
#0b629d
#0b629d
rgb(11,98,157)
-
#0c6eaf
#0c6eaf
rgb(12,110,175)
-
#0d79c2
#0d79c2
rgb(13,121,194)
-
#0e85d4
#0e85d4
rgb(14,133,212)
-
#1090e7
#1090e7
rgb(16,144,231)
-
#1a9af0
#1a9af0
rgb(26,154,240)
-
#2da2f1
#2da2f1
rgb(45,162,241)
-
#3faaf2
#3faaf2
rgb(63,170,242)
-
#51b2f3
#51b2f3
rgb(81,178,243)
-
#64baf4
#64baf4
rgb(100,186,244)
-
#76c2f6
#76c2f6
rgb(118,194,246)
-
#88cbf7
#88cbf7
rgb(136,203,247)
-
#9bd3f8
#9bd3f8
rgb(155,211,248)
-
#addbf9
#addbf9
rgb(173,219,249)
-
#c0e3fb
#c0e3fb
rgb(192,227,251)
-
#d2ebfc
#d2ebfc
rgb(210,235,252)
-
#e4f3fd
#e4f3fd
rgb(228,243,253)
-
#f7fbfe
#f7fbfe
rgb(247,251,254)
Tones of #3faaf2
A tone is produced by adding gray to any pure hue. In this case, #96999b is the less saturated color, while #37acfa is the most saturated one.
-
#96999b
#96999b
rgb(150,153,155)
-
#8e9ba3
#8e9ba3
rgb(142,155,163)
-
#869cab
#869cab
rgb(134,156,171)
-
#7e9eb3
#7e9eb3
rgb(126,158,179)
-
#769fbb
#769fbb
rgb(118,159,187)
-
#6ea1c3
#6ea1c3
rgb(110,161,195)
-
#66a2cb
#66a2cb
rgb(102,162,203)
-
#5fa4d2
#5fa4d2
rgb(95,164,210)
-
#57a5da
#57a5da
rgb(87,165,218)
-
#4fa7e2
#4fa7e2
rgb(79,167,226)
-
#47a8ea
#47a8ea
rgb(71,168,234)
-
#3faaf2
#3faaf2
rgb(63,170,242)
-
#37acfa
#37acfa
rgb(55,172,250)
Color Blindness Simulator
Below, you can see how #3faaf2 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.