#3ba5f3 Color Information
In a RGB color space, hex #3ba5f3 is composed of 23.1% red, 64.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 32.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 205.4 degrees, a saturation of 88.5% and a lightness of 59.2%. #3ba5f3 color hex could be obtained by blending #76ffff with #004be7. Closest websafe color is: #3399ff.
-
- R 23
- G 65
- B 95
-
- C 76
- M 32
- Y 0
- K 5
● #3ba5f3 color description : Bright blue.
#3ba5f3 Color Conversion
The hexadecimal color #3ba5f3 has RGB values of R:59, G:165, B:243 and CMYK values of C:0.76, M:0.32, Y:0, K:0.05. Its decimal value is 3909107.
Hex triplet | 3ba5f3 | #3ba5f3 |
---|---|---|
RGB Decimal | 59, 165, 243 | rgb(59,165,243) |
RGB Percent | 23.1, 64.7, 95.3 | rgb(23.1%,64.7%,95.3%) |
CMYK | 76, 32, 0, 5 | |
HSL | 205.4°, 88.5, 59.2 | hsl(205.4,88.5%,59.2%) |
HSV (or HSB) | 205.4°, 75.7, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.207, -4.262, -47.515 |
---|---|
XYZ | 31.433, 34.309, 89.755 |
xyY | 0.202, 0.221, 34.309 |
CIE-LCH | 65.207, 47.706, 264.874 |
CIE-LUV | 65.207, -36.986, -75.97 |
Hunter-Lab | 58.573, -6.714, -49.851 |
Binary | 00111011, 10100101, 11110011 |
Color Schemes with #3ba5f3
Alternatives to #3ba5f3
Below, you can see some colors close to #3ba5f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ba5f3 Preview
This text has a font color of #3ba5f3.
<span style="color:#3ba5f3;">Text here</span>
This paragraph has a background color of #3ba5f3.
<p style="background-color:#3ba5f3;">Content here</p>
This element has a border color of #3ba5f3.
<div style="border:1px solid #3ba5f3;">Content here</div>
.text {color:#3ba5f3;}
.background {background-color:#3ba5f3;}
.border {border:1px solid #3ba5f3;}
Shades and Tints of #3ba5f3
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)
-
#02101a
#02101a
rgb(2,16,26)
-
#031b2c
#031b2c
rgb(3,27,44)
-
#04263f
#04263f
rgb(4,38,63)
-
#053151
#053151
rgb(5,49,81)
-
#063c64
#063c64
rgb(6,60,100)
-
#074776
#074776
rgb(7,71,118)
-
#085289
#085289
rgb(8,82,137)
-
#0a5d9b
#0a5d9b
rgb(10,93,155)
-
#0b69ae
#0b69ae
rgb(11,105,174)
-
#0c74c0
#0c74c0
rgb(12,116,192)
-
#0d7fd3
#0d7fd3
rgb(13,127,211)
-
#0e8ae5
#0e8ae5
rgb(14,138,229)
-
#1694f1
#1694f1
rgb(22,148,241)
-
#299df2
#299df2
rgb(41,157,242)
-
#3ba5f3
#3ba5f3
rgb(59,165,243)
-
#4dadf4
#4dadf4
rgb(77,173,244)
-
#60b6f5
#60b6f5
rgb(96,182,245)
-
#72bef6
#72bef6
rgb(114,190,246)
-
#85c7f8
#85c7f8
rgb(133,199,248)
-
#97cff9
#97cff9
rgb(151,207,249)
-
#aad8fa
#aad8fa
rgb(170,216,250)
-
#bce0fb
#bce0fb
rgb(188,224,251)
-
#cfe9fc
#cfe9fc
rgb(207,233,252)
-
#e1f1fd
#e1f1fd
rgb(225,241,253)
-
#f4fafe
#f4fafe
rgb(244,250,254)
Tones of #3ba5f3
A tone is produced by adding gray to any pure hue. In this case, #93989b is the less saturated color, while #33a6fb is the most saturated one.
-
#93989b
#93989b
rgb(147,152,155)
-
#8b99a3
#8b99a3
rgb(139,153,163)
-
#839aab
#839aab
rgb(131,154,171)
-
#7b9bb3
#7b9bb3
rgb(123,155,179)
-
#739cbb
#739cbb
rgb(115,156,187)
-
#6b9ec3
#6b9ec3
rgb(107,158,195)
-
#639fcb
#639fcb
rgb(99,159,203)
-
#5ba0d3
#5ba0d3
rgb(91,160,211)
-
#53a1db
#53a1db
rgb(83,161,219)
-
#4ba3e3
#4ba3e3
rgb(75,163,227)
-
#43a4eb
#43a4eb
rgb(67,164,235)
-
#3ba5f3
#3ba5f3
rgb(59,165,243)
-
#33a6fb
#33a6fb
rgb(51,166,251)
Color Blindness Simulator
Below, you can see how #3ba5f3 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.