#3aa0f4 Color Information
In a RGB color space, hex #3aa0f4 is composed of 22.7% red, 62.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 34.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 207.1 degrees, a saturation of 89.4% and a lightness of 59.2%. #3aa0f4 color hex could be obtained by blending #74ffff with #0041e9. Closest websafe color is: #3399ff.
-
- R 23
- G 63
- B 96
-
- C 76
- M 34
- Y 0
- K 4
● #3aa0f4 color description : Bright blue.
#3aa0f4 Color Conversion
The hexadecimal color #3aa0f4 has RGB values of R:58, G:160, B:244 and CMYK values of C:0.76, M:0.34, Y:0, K:0.04. Its decimal value is 3842292.
Hex triplet | 3aa0f4 | #3aa0f4 |
---|---|---|
RGB Decimal | 58, 160, 244 | rgb(58,160,244) |
RGB Percent | 22.7, 62.7, 95.7 | rgb(22.7%,62.7%,95.7%) |
CMYK | 76, 34, 0, 4 | |
HSL | 207.1°, 89.4, 59.2 | hsl(207.1,89.4%,59.2%) |
HSV (or HSB) | 207.1°, 76.2, 95.7 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 63.811, -1.175, -50.268 |
---|---|
XYZ | 30.641, 32.57, 90.255 |
xyY | 0.2, 0.212, 32.57 |
CIE-LCH | 63.811, 50.282, 268.661 |
CIE-LUV | 63.811, -35.412, -80.685 |
Hunter-Lab | 57.07, -4.037, -53.816 |
Binary | 00111010, 10100000, 11110100 |
Color Schemes with #3aa0f4
Alternatives to #3aa0f4
Below, you can see some colors close to #3aa0f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa0f4 Preview
This text has a font color of #3aa0f4.
<span style="color:#3aa0f4;">Text here</span>
This paragraph has a background color of #3aa0f4.
<p style="background-color:#3aa0f4;">Content here</p>
This element has a border color of #3aa0f4.
<div style="border:1px solid #3aa0f4;">Content here</div>
.text {color:#3aa0f4;}
.background {background-color:#3aa0f4;}
.border {border:1px solid #3aa0f4;}
Shades and Tints of #3aa0f4
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, #000407 is the darkest color, while #f4fafe is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#010f1a
#010f1a
rgb(1,15,26)
-
#021a2d
#021a2d
rgb(2,26,45)
-
#04243f
#04243f
rgb(4,36,63)
-
#052f52
#052f52
rgb(5,47,82)
-
#063a64
#063a64
rgb(6,58,100)
-
#074477
#074477
rgb(7,68,119)
-
#084f89
#084f89
rgb(8,79,137)
-
#09599c
#09599c
rgb(9,89,156)
-
#0a64af
#0a64af
rgb(10,100,175)
-
#0b6fc1
#0b6fc1
rgb(11,111,193)
-
#0c79d4
#0c79d4
rgb(12,121,212)
-
#0d84e6
#0d84e6
rgb(13,132,230)
-
#158ef2
#158ef2
rgb(21,142,242)
-
#2797f3
#2797f3
rgb(39,151,243)
-
#3aa0f4
#3aa0f4
rgb(58,160,244)
-
#4da9f5
#4da9f5
rgb(77,169,245)
-
#5fb2f6
#5fb2f6
rgb(95,178,246)
-
#72bbf7
#72bbf7
rgb(114,187,247)
-
#84c4f8
#84c4f8
rgb(132,196,248)
-
#97cdf9
#97cdf9
rgb(151,205,249)
-
#a9d6fa
#a9d6fa
rgb(169,214,250)
-
#bcdffb
#bcdffb
rgb(188,223,251)
-
#cfe8fc
#cfe8fc
rgb(207,232,252)
-
#e1f1fd
#e1f1fd
rgb(225,241,253)
-
#f4fafe
#f4fafe
rgb(244,250,254)
Tones of #3aa0f4
A tone is produced by adding gray to any pure hue. In this case, #92979c is the less saturated color, while #32a1fc is the most saturated one.
-
#92979c
#92979c
rgb(146,151,156)
-
#8a98a4
#8a98a4
rgb(138,152,164)
-
#8299ac
#8299ac
rgb(130,153,172)
-
#7a9ab4
#7a9ab4
rgb(122,154,180)
-
#729bbc
#729bbc
rgb(114,155,188)
-
#6a9bc4
#6a9bc4
rgb(106,155,196)
-
#629ccc
#629ccc
rgb(98,156,204)
-
#5a9dd4
#5a9dd4
rgb(90,157,212)
-
#529edc
#529edc
rgb(82,158,220)
-
#4a9ee4
#4a9ee4
rgb(74,158,228)
-
#429fec
#429fec
rgb(66,159,236)
-
#3aa0f4
#3aa0f4
rgb(58,160,244)
-
#32a1fc
#32a1fc
rgb(50,161,252)
Color Blindness Simulator
Below, you can see how #3aa0f4 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.