#3aa0fd Color Information
In a RGB color space, hex #3aa0fd is composed of 22.7% red, 62.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 36.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 208.6 degrees, a saturation of 98% and a lightness of 61%. #3aa0fd color hex could be obtained by blending #74ffff with #0041fb. Closest websafe color is: #3399ff.
-
- R 23
- G 63
- B 99
-
- C 77
- M 37
- Y 0
- K 1
● #3aa0fd color description : Bright blue.
#3aa0fd Color Conversion
The hexadecimal color #3aa0fd has RGB values of R:58, G:160, B:253 and CMYK values of C:0.77, M:0.37, Y:0, K:0.01. Its decimal value is 3842301.
Hex triplet | 3aa0fd | #3aa0fd |
---|---|---|
RGB Decimal | 58, 160, 253 | rgb(58,160,253) |
RGB Percent | 22.7, 62.7, 99.2 | rgb(22.7%,62.7%,99.2%) |
CMYK | 77, 37, 0, 1 | |
HSL | 208.6°, 98, 61 | hsl(208.6,98%,61%) |
HSV (or HSB) | 208.6°, 77.1, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.266, 2.009, -54.467 |
---|---|
XYZ | 32.041, 33.13, 97.629 |
xyY | 0.197, 0.204, 33.13 |
CIE-LCH | 64.266, 54.504, 272.112 |
CIE-LUV | 64.266, -35.006, -88.178 |
Hunter-Lab | 57.559, -1.363, -60.274 |
Binary | 00111010, 10100000, 11111101 |
Color Schemes with #3aa0fd
Alternatives to #3aa0fd
Below, you can see some colors close to #3aa0fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa0fd Preview
This text has a font color of #3aa0fd.
<span style="color:#3aa0fd;">Text here</span>
This paragraph has a background color of #3aa0fd.
<p style="background-color:#3aa0fd;">Content here</p>
This element has a border color of #3aa0fd.
<div style="border:1px solid #3aa0fd;">Content here</div>
.text {color:#3aa0fd;}
.background {background-color:#3aa0fd;}
.border {border:1px solid #3aa0fd;}
Shades and Tints of #3aa0fd
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, #000911 is the darkest color, while #fcfeff is the lightest one.
-
#000911
#000911
rgb(0,9,17)
-
#001324
#001324
rgb(0,19,36)
-
#011d37
#011d37
rgb(1,29,55)
-
#01284b
#01284b
rgb(1,40,75)
-
#01325e
#01325e
rgb(1,50,94)
-
#013c72
#013c72
rgb(1,60,114)
-
#014685
#014685
rgb(1,70,133)
-
#025199
#025199
rgb(2,81,153)
-
#025bac
#025bac
rgb(2,91,172)
-
#0265bf
#0265bf
rgb(2,101,191)
-
#026fd3
#026fd3
rgb(2,111,211)
-
#027ae6
#027ae6
rgb(2,122,230)
-
#0384fa
#0384fa
rgb(3,132,250)
-
#138dfd
#138dfd
rgb(19,141,253)
-
#2797fd
#2797fd
rgb(39,151,253)
-
#3aa0fd
#3aa0fd
rgb(58,160,253)
-
#4da9fd
#4da9fd
rgb(77,169,253)
-
#61b3fd
#61b3fd
rgb(97,179,253)
-
#74bcfe
#74bcfe
rgb(116,188,254)
-
#88c5fe
#88c5fe
rgb(136,197,254)
-
#9bcffe
#9bcffe
rgb(155,207,254)
-
#afd8fe
#afd8fe
rgb(175,216,254)
-
#c2e2fe
#c2e2fe
rgb(194,226,254)
-
#d5ebff
#d5ebff
rgb(213,235,255)
-
#e9f4ff
#e9f4ff
rgb(233,244,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #3aa0fd
A tone is produced by adding gray to any pure hue. In this case, #969ca1 is the less saturated color, while #3aa0fd is the most saturated one.
-
#969ca1
#969ca1
rgb(150,156,161)
-
#8e9ca9
#8e9ca9
rgb(142,156,169)
-
#879cb0
#879cb0
rgb(135,156,176)
-
#7f9db8
#7f9db8
rgb(127,157,184)
-
#779dc0
#779dc0
rgb(119,157,192)
-
#709ec7
#709ec7
rgb(112,158,199)
-
#689ecf
#689ecf
rgb(104,158,207)
-
#609ed7
#609ed7
rgb(96,158,215)
-
#599fde
#599fde
rgb(89,159,222)
-
#519fe6
#519fe6
rgb(81,159,230)
-
#499fee
#499fee
rgb(73,159,238)
-
#42a0f5
#42a0f5
rgb(66,160,245)
-
#3aa0fd
#3aa0fd
rgb(58,160,253)
Color Blindness Simulator
Below, you can see how #3aa0fd 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.