#4bb4df Color Information
In a RGB color space, hex #4bb4df is composed of 29.4% red, 70.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 19.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 197.4 degrees, a saturation of 69.8% and a lightness of 58.4%. #4bb4df color hex could be obtained by blending #96ffff with #0069bf. Closest websafe color is: #33cccc.
-
- R 29
- G 71
- B 87
-
- C 66
- M 19
- Y 0
- K 13
● #4bb4df color description : Soft blue.
#4bb4df Color Conversion
The hexadecimal color #4bb4df has RGB values of R:75, G:180, B:223 and CMYK values of C:0.66, M:0.19, Y:0, K:0.13. Its decimal value is 4961503.
Hex triplet | 4bb4df | #4bb4df |
---|---|---|
RGB Decimal | 75, 180, 223 | rgb(75,180,223) |
RGB Percent | 29.4, 70.6, 87.5 | rgb(29.4%,70.6%,87.5%) |
CMYK | 66, 19, 0, 13 | |
HSL | 197.4°, 69.8, 58.4 | hsl(197.4,69.8%,58.4%) |
HSV (or HSB) | 197.4°, 66.4, 87.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.086, -16.972, -30.486 |
---|---|
XYZ | 32.539, 39.463, 75.71 |
xyY | 0.22, 0.267, 39.463 |
CIE-LCH | 69.086, 34.892, 240.895 |
CIE-LUV | 69.086, -40.422, -46.058 |
Hunter-Lab | 62.82, -17.478, -27.482 |
Binary | 01001011, 10110100, 11011111 |
Color Schemes with #4bb4df
Alternatives to #4bb4df
Below, you can see some colors close to #4bb4df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4bb4df Preview
This text has a font color of #4bb4df.
<span style="color:#4bb4df;">Text here</span>
This paragraph has a background color of #4bb4df.
<p style="background-color:#4bb4df;">Content here</p>
This element has a border color of #4bb4df.
<div style="border:1px solid #4bb4df;">Content here</div>
.text {color:#4bb4df;}
.background {background-color:#4bb4df;}
.border {border:1px solid #4bb4df;}
Shades and Tints of #4bb4df
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, #010203 is the darkest color, while #f2f9fd is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#040f14
#040f14
rgb(4,15,20)
-
#061c25
#061c25
rgb(6,28,37)
-
#092835
#092835
rgb(9,40,53)
-
#0c3546
#0c3546
rgb(12,53,70)
-
#0f4256
#0f4256
rgb(15,66,86)
-
#124e67
#124e67
rgb(18,78,103)
-
#155b78
#155b78
rgb(21,91,120)
-
#186888
#186888
rgb(24,104,136)
-
#1b7599
#1b7599
rgb(27,117,153)
-
#1e81aa
#1e81aa
rgb(30,129,170)
-
#218eba
#218eba
rgb(33,142,186)
-
#249bcb
#249bcb
rgb(36,155,203)
-
#2aa6d9
#2aa6d9
rgb(42,166,217)
-
#3aaddc
#3aaddc
rgb(58,173,220)
-
#4bb4df
#4bb4df
rgb(75,180,223)
-
#5cbbe2
#5cbbe2
rgb(92,187,226)
-
#6cc2e5
#6cc2e5
rgb(108,194,229)
-
#7dc9e8
#7dc9e8
rgb(125,201,232)
-
#8ed0eb
#8ed0eb
rgb(142,208,235)
-
#9ed7ee
#9ed7ee
rgb(158,215,238)
-
#afdef1
#afdef1
rgb(175,222,241)
-
#c0e5f4
#c0e5f4
rgb(192,229,244)
-
#d0ecf7
#d0ecf7
rgb(208,236,247)
-
#e1f2fa
#e1f2fa
rgb(225,242,250)
-
#f2f9fd
#f2f9fd
rgb(242,249,253)
Tones of #4bb4df
A tone is produced by adding gray to any pure hue. In this case, #949596 is the less saturated color, while #33bef7 is the most saturated one.
-
#949596
#949596
rgb(148,149,150)
-
#8c999e
#8c999e
rgb(140,153,158)
-
#849ca6
#849ca6
rgb(132,156,166)
-
#7ca0ae
#7ca0ae
rgb(124,160,174)
-
#74a3b6
#74a3b6
rgb(116,163,182)
-
#6ca6be
#6ca6be
rgb(108,166,190)
-
#63aac7
#63aac7
rgb(99,170,199)
-
#5badcf
#5badcf
rgb(91,173,207)
-
#53b1d7
#53b1d7
rgb(83,177,215)
-
#4bb4df
#4bb4df
rgb(75,180,223)
-
#43b7e7
#43b7e7
rgb(67,183,231)
-
#3bbbef
#3bbbef
rgb(59,187,239)
-
#33bef7
#33bef7
rgb(51,190,247)
Color Blindness Simulator
Below, you can see how #4bb4df 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.