#4ccce2 Color Information
In a RGB color space, hex #4ccce2 is composed of 29.8% red, 80% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 9.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 188.8 degrees, a saturation of 72.1% and a lightness of 59.2%. #4ccce2 color hex could be obtained by blending #98ffff with #0099c5. Closest websafe color is: #33cccc.
-
- R 30
- G 80
- B 89
-
- C 66
- M 10
- Y 0
- K 11
● #4ccce2 color description : Soft cyan.
#4ccce2 Color Conversion
The hexadecimal color #4ccce2 has RGB values of R:76, G:204, B:226 and CMYK values of C:0.66, M:0.1, Y:0, K:0.11. Its decimal value is 5033186.
Hex triplet | 4ccce2 | #4ccce2 |
---|---|---|
RGB Decimal | 76, 204, 226 | rgb(76,204,226) |
RGB Percent | 29.8, 80, 88.6 | rgb(29.8%,80%,88.6%) |
CMYK | 66, 10, 0, 11 | |
HSL | 188.8°, 72.1, 59.2 | hsl(188.8,72.1%,59.2%) |
HSV (or HSB) | 188.8°, 66.4, 88.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.198, -28.106, -21.223 |
---|---|
XYZ | 38.297, 50.21, 79.621 |
xyY | 0.228, 0.299, 50.21 |
CIE-LCH | 76.198, 35.218, 217.057 |
CIE-LUV | 76.198, -48.695, -29.459 |
Hunter-Lab | 70.859, -27.53, -17.02 |
Binary | 01001100, 11001100, 11100010 |
Color Schemes with #4ccce2
Alternatives to #4ccce2
Below, you can see some colors close to #4ccce2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ccce2 Preview
This text has a font color of #4ccce2.
<span style="color:#4ccce2;">Text here</span>
This paragraph has a background color of #4ccce2.
<p style="background-color:#4ccce2;">Content here</p>
This element has a border color of #4ccce2.
<div style="border:1px solid #4ccce2;">Content here</div>
.text {color:#4ccce2;}
.background {background-color:#4ccce2;}
.border {border:1px solid #4ccce2;}
Shades and Tints of #4ccce2
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, #010607 is the darkest color, while #f5fcfd is the lightest one.
-
#010607
#010607
rgb(1,6,7)
-
#041518
#041518
rgb(4,21,24)
-
#072328
#072328
rgb(7,35,40)
-
#093239
#093239
rgb(9,50,57)
-
#0c414a
#0c414a
rgb(12,65,74)
-
#0f505b
#0f505b
rgb(15,80,91)
-
#115f6c
#115f6c
rgb(17,95,108)
-
#146e7d
#146e7d
rgb(20,110,125)
-
#177c8e
#177c8e
rgb(23,124,142)
-
#1a8b9f
#1a8b9f
rgb(26,139,159)
-
#1c9aaf
#1c9aaf
rgb(28,154,175)
-
#1fa9c0
#1fa9c0
rgb(31,169,192)
-
#22b8d1
#22b8d1
rgb(34,184,209)
-
#2ac2dd
#2ac2dd
rgb(42,194,221)
-
#3bc7df
#3bc7df
rgb(59,199,223)
-
#4ccce2
#4ccce2
rgb(76,204,226)
-
#5dd1e5
#5dd1e5
rgb(93,209,229)
-
#6ed6e7
#6ed6e7
rgb(110,214,231)
-
#7fdaea
#7fdaea
rgb(127,218,234)
-
#90dfed
#90dfed
rgb(144,223,237)
-
#a0e4f0
#a0e4f0
rgb(160,228,240)
-
#b1e9f2
#b1e9f2
rgb(177,233,242)
-
#c2eef5
#c2eef5
rgb(194,238,245)
-
#d3f2f8
#d3f2f8
rgb(211,242,248)
-
#e4f7fb
#e4f7fb
rgb(228,247,251)
-
#f5fcfd
#f5fcfd
rgb(245,252,253)
Tones of #4ccce2
A tone is produced by adding gray to any pure hue. In this case, #94999a is the less saturated color, while #34ddfa is the most saturated one.
-
#94999a
#94999a
rgb(148,153,154)
-
#8c9fa2
#8c9fa2
rgb(140,159,162)
-
#84a4aa
#84a4aa
rgb(132,164,170)
-
#7caab2
#7caab2
rgb(124,170,178)
-
#74b0ba
#74b0ba
rgb(116,176,186)
-
#6cb5c2
#6cb5c2
rgb(108,181,194)
-
#64bbca
#64bbca
rgb(100,187,202)
-
#5cc1d2
#5cc1d2
rgb(92,193,210)
-
#54c6da
#54c6da
rgb(84,198,218)
-
#4ccce2
#4ccce2
rgb(76,204,226)
-
#44d2ea
#44d2ea
rgb(68,210,234)
-
#3cd7f2
#3cd7f2
rgb(60,215,242)
-
#34ddfa
#34ddfa
rgb(52,221,250)
Color Blindness Simulator
Below, you can see how #4ccce2 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.