#1ba6ff Color Information
In a RGB color space, hex #1ba6ff is composed of 10.6% red, 65.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 34.9% magenta, 0% yellow and 0% black. It has a hue angle of 203.4 degrees, a saturation of 100% and a lightness of 55.3%. #1ba6ff color hex could be obtained by blending #36ffff with #004dff. Closest websafe color is: #3399ff.
-
- R 11
- G 65
- B 100
-
- C 89
- M 35
- Y 0
- K 0
● #1ba6ff color description : Vivid blue.
#1ba6ff Color Conversion
The hexadecimal color #1ba6ff has RGB values of R:27, G:166, B:255 and CMYK values of C:0.89, M:0.35, Y:0, K:0. Its decimal value is 1812223.
Hex triplet | 1ba6ff | #1ba6ff |
---|---|---|
RGB Decimal | 27, 166, 255 | rgb(27,166,255) |
RGB Percent | 10.6, 65.1, 100 | rgb(10.6%,65.1%,100%) |
CMYK | 89, 35, 0, 0 | |
HSL | 203.4°, 100, 55.3 | hsl(203.4,100%,55.3%) |
HSV (or HSB) | 203.4°, 89.4, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.532, -3.111, -53.581 |
---|---|
XYZ | 32.134, 34.722, 99.611 |
xyY | 0.193, 0.209, 34.722 |
CIE-LCH | 65.532, 53.671, 266.677 |
CIE-LUV | 65.532, -39.991, -86.44 |
Hunter-Lab | 58.926, -5.779, -58.978 |
Binary | 00011011, 10100110, 11111111 |
Color Schemes with #1ba6ff
Alternatives to #1ba6ff
Below, you can see some colors close to #1ba6ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1ba6ff Preview
This text has a font color of #1ba6ff.
<span style="color:#1ba6ff;">Text here</span>
This paragraph has a background color of #1ba6ff.
<p style="background-color:#1ba6ff;">Content here</p>
This element has a border color of #1ba6ff.
<div style="border:1px solid #1ba6ff;">Content here</div>
.text {color:#1ba6ff;}
.background {background-color:#1ba6ff;}
.border {border:1px solid #1ba6ff;}
Shades and Tints of #1ba6ff
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, #000507 is the darkest color, while #f3faff is the lightest one.
-
#000507
#000507
rgb(0,5,7)
-
#00101b
#00101b
rgb(0,16,27)
-
#001c2f
#001c2f
rgb(0,28,47)
-
#002842
#002842
rgb(0,40,66)
-
#003456
#003456
rgb(0,52,86)
-
#004069
#004069
rgb(0,64,105)
-
#004c7d
#004c7d
rgb(0,76,125)
-
#005891
#005891
rgb(0,88,145)
-
#0064a4
#0064a4
rgb(0,100,164)
-
#0070b8
#0070b8
rgb(0,112,184)
-
#007ccc
#007ccc
rgb(0,124,204)
-
#0088df
#0088df
rgb(0,136,223)
-
#0094f3
#0094f3
rgb(0,148,243)
-
#079eff
#079eff
rgb(7,158,255)
-
#1ba6ff
#1ba6ff
rgb(27,166,255)
-
#2faeff
#2faeff
rgb(47,174,255)
-
#42b5ff
#42b5ff
rgb(66,181,255)
-
#56bdff
#56bdff
rgb(86,189,255)
-
#69c5ff
#69c5ff
rgb(105,197,255)
-
#7dccff
#7dccff
rgb(125,204,255)
-
#91d4ff
#91d4ff
rgb(145,212,255)
-
#a4dcff
#a4dcff
rgb(164,220,255)
-
#b8e3ff
#b8e3ff
rgb(184,227,255)
-
#ccebff
#ccebff
rgb(204,235,255)
-
#dff3ff
#dff3ff
rgb(223,243,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #1ba6ff
A tone is produced by adding gray to any pure hue. In this case, #848f96 is the less saturated color, while #1ba6ff is the most saturated one.
-
#848f96
#848f96
rgb(132,143,150)
-
#7b919f
#7b919f
rgb(123,145,159)
-
#7393a7
#7393a7
rgb(115,147,167)
-
#6a95b0
#6a95b0
rgb(106,149,176)
-
#6197b9
#6197b9
rgb(97,151,185)
-
#5899c2
#5899c2
rgb(88,153,194)
-
#509aca
#509aca
rgb(80,154,202)
-
#479cd3
#479cd3
rgb(71,156,211)
-
#3e9edc
#3e9edc
rgb(62,158,220)
-
#35a0e5
#35a0e5
rgb(53,160,229)
-
#2da2ed
#2da2ed
rgb(45,162,237)
-
#24a4f6
#24a4f6
rgb(36,164,246)
-
#1ba6ff
#1ba6ff
rgb(27,166,255)
Color Blindness Simulator
Below, you can see how #1ba6ff 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.