#3ba5fc Color Information
In a RGB color space, hex #3ba5fc is composed of 23.1% red, 64.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 34.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 207 degrees, a saturation of 97% and a lightness of 61%. #3ba5fc color hex could be obtained by blending #76ffff with #004bf9. Closest websafe color is: #3399ff.
-
- R 23
- G 65
- B 99
-
- C 77
- M 35
- Y 0
- K 1
● #3ba5fc color description : Bright blue.
#3ba5fc Color Conversion
The hexadecimal color #3ba5fc has RGB values of R:59, G:165, B:252 and CMYK values of C:0.77, M:0.35, Y:0, K:0.01. Its decimal value is 3909116.
Hex triplet | 3ba5fc | #3ba5fc |
---|---|---|
RGB Decimal | 59, 165, 252 | rgb(59,165,252) |
RGB Percent | 23.1, 64.7, 98.8 | rgb(23.1%,64.7%,98.8%) |
CMYK | 77, 35, 0, 1 | |
HSL | 207°, 97, 61 | hsl(207,97%,61%) |
HSV (or HSB) | 207°, 76.6, 98.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.644, -1.113, -51.736 |
---|---|
XYZ | 32.825, 34.866, 97.09 |
xyY | 0.199, 0.212, 34.866 |
CIE-LCH | 65.644, 51.748, 268.768 |
CIE-LUV | 65.644, -36.554, -83.543 |
Hunter-Lab | 59.047, -4.101, -56.156 |
Binary | 00111011, 10100101, 11111100 |
Color Schemes with #3ba5fc
Alternatives to #3ba5fc
Below, you can see some colors close to #3ba5fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ba5fc Preview
This text has a font color of #3ba5fc.
<span style="color:#3ba5fc;">Text here</span>
This paragraph has a background color of #3ba5fc.
<p style="background-color:#3ba5fc;">Content here</p>
This element has a border color of #3ba5fc.
<div style="border:1px solid #3ba5fc;">Content here</div>
.text {color:#3ba5fc;}
.background {background-color:#3ba5fc;}
.border {border:1px solid #3ba5fc;}
Shades and Tints of #3ba5fc
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)
-
#011424
#011424
rgb(1,20,36)
-
#011f37
#011f37
rgb(1,31,55)
-
#01294a
#01294a
rgb(1,41,74)
-
#01345e
#01345e
rgb(1,52,94)
-
#023f71
#023f71
rgb(2,63,113)
-
#024a84
#024a84
rgb(2,74,132)
-
#025498
#025498
rgb(2,84,152)
-
#035fab
#035fab
rgb(3,95,171)
-
#036abe
#036abe
rgb(3,106,190)
-
#0375d2
#0375d2
rgb(3,117,210)
-
#047fe5
#047fe5
rgb(4,127,229)
-
#048af8
#048af8
rgb(4,138,248)
-
#1493fb
#1493fb
rgb(20,147,251)
-
#289cfc
#289cfc
rgb(40,156,252)
-
#3ba5fc
#3ba5fc
rgb(59,165,252)
-
#4eaefc
#4eaefc
rgb(78,174,252)
-
#62b7fd
#62b7fd
rgb(98,183,253)
-
#75c0fd
#75c0fd
rgb(117,192,253)
-
#88c8fd
#88c8fd
rgb(136,200,253)
-
#9cd1fd
#9cd1fd
rgb(156,209,253)
-
#afdafe
#afdafe
rgb(175,218,254)
-
#c2e3fe
#c2e3fe
rgb(194,227,254)
-
#d6ecfe
#d6ecfe
rgb(214,236,254)
-
#e9f5ff
#e9f5ff
rgb(233,245,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #3ba5fc
A tone is produced by adding gray to any pure hue. In this case, #979ca0 is the less saturated color, while #3ba5fc is the most saturated one.
-
#979ca0
#979ca0
rgb(151,156,160)
-
#8f9da8
#8f9da8
rgb(143,157,168)
-
#889daf
#889daf
rgb(136,157,175)
-
#809eb7
#809eb7
rgb(128,158,183)
-
#789fbf
#789fbf
rgb(120,159,191)
-
#71a0c6
#71a0c6
rgb(113,160,198)
-
#69a0ce
#69a0ce
rgb(105,160,206)
-
#61a1d6
#61a1d6
rgb(97,161,214)
-
#5aa2dd
#5aa2dd
rgb(90,162,221)
-
#52a3e5
#52a3e5
rgb(82,163,229)
-
#4aa3ed
#4aa3ed
rgb(74,163,237)
-
#43a4f4
#43a4f4
rgb(67,164,244)
-
#3ba5fc
#3ba5fc
rgb(59,165,252)
Color Blindness Simulator
Below, you can see how #3ba5fc 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.