#4baaff Color Information
In a RGB color space, hex #4baaff is composed of 29.4% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 208.3 degrees, a saturation of 100% and a lightness of 64.7%. #4baaff color hex could be obtained by blending #96ffff with #0055ff. Closest websafe color is: #3399ff.
-
- R 29
- G 67
- B 100
-
- C 71
- M 33
- Y 0
- K 0
● #4baaff color description : Light blue.
#4baaff Color Conversion
The hexadecimal color #4baaff has RGB values of R:75, G:170, B:255 and CMYK values of C:0.71, M:0.33, Y:0, K:0. Its decimal value is 4958975.
Hex triplet | 4baaff | #4baaff |
---|---|---|
RGB Decimal | 75, 170, 255 | rgb(75,170,255) |
RGB Percent | 29.4, 66.7, 100 | rgb(29.4%,66.7%,100%) |
CMYK | 71, 33, 0, 0 | |
HSL | 208.3°, 100, 64.7 | hsl(208.3,100%,64.7%) |
HSV (or HSB) | 208.3°, 70.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.623, -0.964, -50.211 |
---|---|
XYZ | 35.322, 37.463, 99.972 |
xyY | 0.204, 0.217, 37.463 |
CIE-LCH | 67.623, 50.22, 268.9 |
CIE-LUV | 67.623, -35.479, -81.344 |
Hunter-Lab | 61.207, -4.1, -53.996 |
Binary | 01001011, 10101010, 11111111 |
Color Schemes with #4baaff
Alternatives to #4baaff
Below, you can see some colors close to #4baaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4baaff Preview
This text has a font color of #4baaff.
<span style="color:#4baaff;">Text here</span>
This paragraph has a background color of #4baaff.
<p style="background-color:#4baaff;">Content here</p>
This element has a border color of #4baaff.
<div style="border:1px solid #4baaff;">Content here</div>
.text {color:#4baaff;}
.background {background-color:#4baaff;}
.border {border:1px solid #4baaff;}
Shades and Tints of #4baaff
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, #000910 is the darkest color, while #fcfdff is the lightest one.
-
#000910
#000910
rgb(0,9,16)
-
#001324
#001324
rgb(0,19,36)
-
#001d37
#001d37
rgb(0,29,55)
-
#00284b
#00284b
rgb(0,40,75)
-
#00325f
#00325f
rgb(0,50,95)
-
#003c72
#003c72
rgb(0,60,114)
-
#004786
#004786
rgb(0,71,134)
-
#005199
#005199
rgb(0,81,153)
-
#005bad
#005bad
rgb(0,91,173)
-
#0066c1
#0066c1
rgb(0,102,193)
-
#0070d4
#0070d4
rgb(0,112,212)
-
#007ae8
#007ae8
rgb(0,122,232)
-
#0085fc
#0085fc
rgb(0,133,252)
-
#108eff
#108eff
rgb(16,142,255)
-
#2497ff
#2497ff
rgb(36,151,255)
-
#37a1ff
#37a1ff
rgb(55,161,255)
-
#4baaff
#4baaff
rgb(75,170,255)
-
#5fb3ff
#5fb3ff
rgb(95,179,255)
-
#72bdff
#72bdff
rgb(114,189,255)
-
#86c6ff
#86c6ff
rgb(134,198,255)
-
#99cfff
#99cfff
rgb(153,207,255)
-
#add8ff
#add8ff
rgb(173,216,255)
-
#c1e2ff
#c1e2ff
rgb(193,226,255)
-
#d4ebff
#d4ebff
rgb(212,235,255)
-
#e8f4ff
#e8f4ff
rgb(232,244,255)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #4baaff
A tone is produced by adding gray to any pure hue. In this case, #9ea5ac is the less saturated color, while #4baaff is the most saturated one.
-
#9ea5ac
#9ea5ac
rgb(158,165,172)
-
#97a6b3
#97a6b3
rgb(151,166,179)
-
#90a6ba
#90a6ba
rgb(144,166,186)
-
#89a7c1
#89a7c1
rgb(137,167,193)
-
#82a7c8
#82a7c8
rgb(130,167,200)
-
#7ba7cf
#7ba7cf
rgb(123,167,207)
-
#75a8d5
#75a8d5
rgb(117,168,213)
-
#6ea8dc
#6ea8dc
rgb(110,168,220)
-
#67a8e3
#67a8e3
rgb(103,168,227)
-
#60a9ea
#60a9ea
rgb(96,169,234)
-
#59a9f1
#59a9f1
rgb(89,169,241)
-
#52aaf8
#52aaf8
rgb(82,170,248)
-
#4baaff
#4baaff
rgb(75,170,255)
Color Blindness Simulator
Below, you can see how #4baaff 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.