#4bbaff Color Information
In a RGB color space, hex #4bbaff is composed of 29.4% red, 72.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 27.1% magenta, 0% yellow and 0% black. It has a hue angle of 203 degrees, a saturation of 100% and a lightness of 64.7%. #4bbaff color hex could be obtained by blending #96ffff with #0075ff. Closest websafe color is: #33ccff.
-
- R 29
- G 73
- B 100
-
- C 71
- M 27
- Y 0
- K 0
● #4bbaff color description : Light blue.
#4bbaff Color Conversion
The hexadecimal color #4bbaff has RGB values of R:75, G:186, B:255 and CMYK values of C:0.71, M:0.27, Y:0, K:0. Its decimal value is 4963071.
Hex triplet | 4bbaff | #4bbaff |
---|---|---|
RGB Decimal | 75, 186, 255 | rgb(75,186,255) |
RGB Percent | 29.4, 72.9, 100 | rgb(29.4%,72.9%,100%) |
CMYK | 71, 27, 0, 0 | |
HSL | 203°, 100, 64.7 | hsl(203,100%,64.7%) |
HSV (or HSB) | 203°, 70.6, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 72.115, -9.836, -43.151 |
---|---|
XYZ | 38.506, 43.831, 101.033 |
xyY | 0.21, 0.239, 43.831 |
CIE-LCH | 72.115, 44.258, 257.159 |
CIE-LUV | 72.115, -40.941, -68.898 |
Hunter-Lab | 66.205, -12.039, -44.138 |
Binary | 01001011, 10111010, 11111111 |
Color Schemes with #4bbaff
Alternatives to #4bbaff
Below, you can see some colors close to #4bbaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4bbaff Preview
This text has a font color of #4bbaff.
<span style="color:#4bbaff;">Text here</span>
This paragraph has a background color of #4bbaff.
<p style="background-color:#4bbaff;">Content here</p>
This element has a border color of #4bbaff.
<div style="border:1px solid #4bbaff;">Content here</div>
.text {color:#4bbaff;}
.background {background-color:#4bbaff;}
.border {border:1px solid #4bbaff;}
Shades and Tints of #4bbaff
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, #000a10 is the darkest color, while #fcfeff is the lightest one.
-
#000a10
#000a10
rgb(0,10,16)
-
#001624
#001624
rgb(0,22,36)
-
#002237
#002237
rgb(0,34,55)
-
#002e4b
#002e4b
rgb(0,46,75)
-
#003a5f
#003a5f
rgb(0,58,95)
-
#004672
#004672
rgb(0,70,114)
-
#005386
#005386
rgb(0,83,134)
-
#005f99
#005f99
rgb(0,95,153)
-
#006bad
#006bad
rgb(0,107,173)
-
#0077c1
#0077c1
rgb(0,119,193)
-
#0083d4
#0083d4
rgb(0,131,212)
-
#008fe8
#008fe8
rgb(0,143,232)
-
#009bfc
#009bfc
rgb(0,155,252)
-
#10a3ff
#10a3ff
rgb(16,163,255)
-
#24abff
#24abff
rgb(36,171,255)
-
#37b2ff
#37b2ff
rgb(55,178,255)
-
#4bbaff
#4bbaff
rgb(75,186,255)
-
#5fc2ff
#5fc2ff
rgb(95,194,255)
-
#72c9ff
#72c9ff
rgb(114,201,255)
-
#86d1ff
#86d1ff
rgb(134,209,255)
-
#99d8ff
#99d8ff
rgb(153,216,255)
-
#ade0ff
#ade0ff
rgb(173,224,255)
-
#c1e7ff
#c1e7ff
rgb(193,231,255)
-
#d4efff
#d4efff
rgb(212,239,255)
-
#e8f6ff
#e8f6ff
rgb(232,246,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #4bbaff
A tone is produced by adding gray to any pure hue. In this case, #9ea7ac is the less saturated color, while #4bbaff is the most saturated one.
-
#9ea7ac
#9ea7ac
rgb(158,167,172)
-
#97a8b3
#97a8b3
rgb(151,168,179)
-
#90aaba
#90aaba
rgb(144,170,186)
-
#89abc1
#89abc1
rgb(137,171,193)
-
#82adc8
#82adc8
rgb(130,173,200)
-
#7bafcf
#7bafcf
rgb(123,175,207)
-
#75b0d5
#75b0d5
rgb(117,176,213)
-
#6eb2dc
#6eb2dc
rgb(110,178,220)
-
#67b4e3
#67b4e3
rgb(103,180,227)
-
#60b5ea
#60b5ea
rgb(96,181,234)
-
#59b7f1
#59b7f1
rgb(89,183,241)
-
#52b8f8
#52b8f8
rgb(82,184,248)
-
#4bbaff
#4bbaff
rgb(75,186,255)
Color Blindness Simulator
Below, you can see how #4bbaff 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.