#4ccedd Color Information
In a RGB color space, hex #4ccedd is composed of 29.8% red, 80.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 6.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 186.2 degrees, a saturation of 68.1% and a lightness of 58.2%. #4ccedd color hex could be obtained by blending #98ffff with #009dbb. Closest websafe color is: #33cccc.
-
- R 30
- G 81
- B 87
-
- C 66
- M 7
- Y 0
- K 13
● #4ccedd color description : Soft cyan.
#4ccedd Color Conversion
The hexadecimal color #4ccedd has RGB values of R:76, G:206, B:221 and CMYK values of C:0.66, M:0.07, Y:0, K:0.13. Its decimal value is 5033693.
Hex triplet | 4ccedd | #4ccedd |
---|---|---|
RGB Decimal | 76, 206, 221 | rgb(76,206,221) |
RGB Percent | 29.8, 80.8, 86.7 | rgb(29.8%,80.8%,86.7%) |
CMYK | 66, 7, 0, 13 | |
HSL | 186.2°, 68.1, 58.2 | hsl(186.2,68.1%,58.2%) |
HSV (or HSB) | 186.2°, 65.6, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.616, -30.545, -17.898 |
---|---|
XYZ | 38.099, 50.896, 76.219 |
xyY | 0.231, 0.308, 50.896 |
CIE-LCH | 76.616, 35.403, 210.369 |
CIE-LUV | 76.616, -49.711, -23.603 |
Hunter-Lab | 71.342, -29.522, -13.404 |
Binary | 01001100, 11001110, 11011101 |
Color Schemes with #4ccedd
Alternatives to #4ccedd
Below, you can see some colors close to #4ccedd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ccedd Preview
This text has a font color of #4ccedd.
<span style="color:#4ccedd;">Text here</span>
This paragraph has a background color of #4ccedd.
<p style="background-color:#4ccedd;">Content here</p>
This element has a border color of #4ccedd.
<div style="border:1px solid #4ccedd;">Content here</div>
.text {color:#4ccedd;}
.background {background-color:#4ccedd;}
.border {border:1px solid #4ccedd;}
Shades and Tints of #4ccedd
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, #000202 is the darkest color, while #f1fbfc is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#041113
#041113
rgb(4,17,19)
-
#072023
#072023
rgb(7,32,35)
-
#0a2f34
#0a2f34
rgb(10,47,52)
-
#0d3f44
#0d3f44
rgb(13,63,68)
-
#104e55
#104e55
rgb(16,78,85)
-
#135d65
#135d65
rgb(19,93,101)
-
#166c76
#166c76
rgb(22,108,118)
-
#197b86
#197b86
rgb(25,123,134)
-
#1d8a97
#1d8a97
rgb(29,138,151)
-
#2099a7
#2099a7
rgb(32,153,167)
-
#23a8b8
#23a8b8
rgb(35,168,184)
-
#26b7c8
#26b7c8
rgb(38,183,200)
-
#2bc5d7
#2bc5d7
rgb(43,197,215)
-
#3cc9da
#3cc9da
rgb(60,201,218)
-
#4ccedd
#4ccedd
rgb(76,206,221)
-
#5cd3e0
#5cd3e0
rgb(92,211,224)
-
#6dd7e3
#6dd7e3
rgb(109,215,227)
-
#7ddce6
#7ddce6
rgb(125,220,230)
-
#8ee0ea
#8ee0ea
rgb(142,224,234)
-
#9ee5ed
#9ee5ed
rgb(158,229,237)
-
#afe9f0
#afe9f0
rgb(175,233,240)
-
#bfeef3
#bfeef3
rgb(191,238,243)
-
#d0f2f6
#d0f2f6
rgb(208,242,246)
-
#e0f7f9
#e0f7f9
rgb(224,247,249)
-
#f1fbfc
#f1fbfc
rgb(241,251,252)
Tones of #4ccedd
A tone is produced by adding gray to any pure hue. In this case, #8e9a9b is the less saturated color, while #2be8fe is the most saturated one.
-
#8e9a9b
#8e9a9b
rgb(142,154,155)
-
#85a1a4
#85a1a4
rgb(133,161,164)
-
#7da7ac
#7da7ac
rgb(125,167,172)
-
#75aeb4
#75aeb4
rgb(117,174,180)
-
#6db4bc
#6db4bc
rgb(109,180,188)
-
#65bbc4
#65bbc4
rgb(101,187,196)
-
#5cc1cd
#5cc1cd
rgb(92,193,205)
-
#54c8d5
#54c8d5
rgb(84,200,213)
-
#4ccedd
#4ccedd
rgb(76,206,221)
-
#44d4e5
#44d4e5
rgb(68,212,229)
-
#3cdbed
#3cdbed
rgb(60,219,237)
-
#33e1f6
#33e1f6
rgb(51,225,246)
-
#2be8fe
#2be8fe
rgb(43,232,254)
Color Blindness Simulator
Below, you can see how #4ccedd 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.