#1ba5f4 Color Information
In a RGB color space, hex #1ba5f4 is composed of 10.6% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 201.8 degrees, a saturation of 90.8% and a lightness of 53.1%. #1ba5f4 color hex could be obtained by blending #36ffff with #004be9. Closest websafe color is: #3399ff.
-
- R 11
- G 65
- B 96
-
- C 89
- M 32
- Y 0
- K 4
● #1ba5f4 color description : Vivid blue.
#1ba5f4 Color Conversion
The hexadecimal color #1ba5f4 has RGB values of R:27, G:165, B:244 and CMYK values of C:0.89, M:0.32, Y:0, K:0.04. Its decimal value is 1811956.
Hex triplet | 1ba5f4 | #1ba5f4 |
---|---|---|
RGB Decimal | 27, 165, 244 | rgb(27,165,244) |
RGB Percent | 10.6, 64.7, 95.7 | rgb(10.6%,64.7%,95.7%) |
CMYK | 89, 32, 0, 4 | |
HSL | 201.8°, 90.8, 53.1 | hsl(201.8,90.8%,53.1%) |
HSV (or HSB) | 201.8°, 88.9, 95.7 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.701, -6.542, -48.896 |
---|---|
XYZ | 30.232, 33.672, 90.489 |
xyY | 0.196, 0.218, 33.672 |
CIE-LCH | 64.701, 49.332, 262.379 |
CIE-LUV | 64.701, -40.331, -77.979 |
Hunter-Lab | 58.028, -8.55, -51.838 |
Binary | 00011011, 10100101, 11110100 |
Color Schemes with #1ba5f4
Alternatives to #1ba5f4
Below, you can see some colors close to #1ba5f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1ba5f4 Preview
This text has a font color of #1ba5f4.
<span style="color:#1ba5f4;">Text here</span>
This paragraph has a background color of #1ba5f4.
<p style="background-color:#1ba5f4;">Content here</p>
This element has a border color of #1ba5f4.
<div style="border:1px solid #1ba5f4;">Content here</div>
.text {color:#1ba5f4;}
.background {background-color:#1ba5f4;}
.border {border:1px solid #1ba5f4;}
Shades and Tints of #1ba5f4
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, #010a0f is the darkest color, while #fcfeff is the lightest one.
-
#010a0f
#010a0f
rgb(1,10,15)
-
#021622
#021622
rgb(2,22,34)
-
#032235
#032235
rgb(3,34,53)
-
#032f47
#032f47
rgb(3,47,71)
-
#043b5a
#043b5a
rgb(4,59,90)
-
#05476d
#05476d
rgb(5,71,109)
-
#065380
#065380
rgb(6,83,128)
-
#076092
#076092
rgb(7,96,146)
-
#086ca5
#086ca5
rgb(8,108,165)
-
#0978b8
#0978b8
rgb(9,120,184)
-
#0a84ca
#0a84ca
rgb(10,132,202)
-
#0b90dd
#0b90dd
rgb(11,144,221)
-
#0c9df0
#0c9df0
rgb(12,157,240)
-
#1ba5f4
#1ba5f4
rgb(27,165,244)
-
#2eacf5
#2eacf5
rgb(46,172,245)
-
#40b4f6
#40b4f6
rgb(64,180,246)
-
#53bbf7
#53bbf7
rgb(83,187,247)
-
#66c3f8
#66c3f8
rgb(102,195,248)
-
#79caf9
#79caf9
rgb(121,202,249)
-
#8bd1f9
#8bd1f9
rgb(139,209,249)
-
#9ed9fa
#9ed9fa
rgb(158,217,250)
-
#b1e0fb
#b1e0fb
rgb(177,224,251)
-
#c3e7fc
#c3e7fc
rgb(195,231,252)
-
#d6effd
#d6effd
rgb(214,239,253)
-
#e9f6fe
#e9f6fe
rgb(233,246,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #1ba5f4
A tone is produced by adding gray to any pure hue. In this case, #808a8f is the less saturated color, while #12a7fd is the most saturated one.
-
#808a8f
#808a8f
rgb(128,138,143)
-
#778c98
#778c98
rgb(119,140,152)
-
#6e8fa1
#6e8fa1
rgb(110,143,161)
-
#6591aa
#6591aa
rgb(101,145,170)
-
#5b94b4
#5b94b4
rgb(91,148,180)
-
#5296bd
#5296bd
rgb(82,150,189)
-
#4999c6
#4999c6
rgb(73,153,198)
-
#409bcf
#409bcf
rgb(64,155,207)
-
#379ed8
#379ed8
rgb(55,158,216)
-
#2da0e2
#2da0e2
rgb(45,160,226)
-
#24a3eb
#24a3eb
rgb(36,163,235)
-
#1ba5f4
#1ba5f4
rgb(27,165,244)
-
#12a7fd
#12a7fd
rgb(18,167,253)
Color Blindness Simulator
Below, you can see how #1ba5f4 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.