#4ccef2 Color Information
In a RGB color space, hex #4ccef2 is composed of 29.8% red, 80.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 14.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 193 degrees, a saturation of 86.5% and a lightness of 62.4%. #4ccef2 color hex could be obtained by blending #98ffff with #009de5. Closest websafe color is: #33ccff.
-
- R 30
- G 81
- B 95
-
- C 69
- M 15
- Y 0
- K 5
● #4ccef2 color description : Soft cyan.
#4ccef2 Color Conversion
The hexadecimal color #4ccef2 has RGB values of R:76, G:206, B:242 and CMYK values of C:0.69, M:0.15, Y:0, K:0.05. Its decimal value is 5033714.
Hex triplet | 4ccef2 | #4ccef2 |
---|---|---|
RGB Decimal | 76, 206, 242 | rgb(76,206,242) |
RGB Percent | 29.8, 80.8, 94.9 | rgb(29.8%,80.8%,94.9%) |
CMYK | 69, 15, 0, 5 | |
HSL | 193°, 86.5, 62.4 | hsl(193,86.5%,62.4%) |
HSV (or HSB) | 193°, 68.6, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 77.333, -24.275, -28.083 |
---|---|
XYZ | 41.074, 52.086, 91.889 |
xyY | 0.222, 0.281, 52.086 |
CIE-LCH | 77.333, 37.121, 229.159 |
CIE-LUV | 77.333, -48.468, -41.633 |
Hunter-Lab | 72.171, -24.71, -24.969 |
Binary | 01001100, 11001110, 11110010 |
Color Schemes with #4ccef2
Alternatives to #4ccef2
Below, you can see some colors close to #4ccef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ccef2 Preview
This text has a font color of #4ccef2.
<span style="color:#4ccef2;">Text here</span>
This paragraph has a background color of #4ccef2.
<p style="background-color:#4ccef2;">Content here</p>
This element has a border color of #4ccef2.
<div style="border:1px solid #4ccef2;">Content here</div>
.text {color:#4ccef2;}
.background {background-color:#4ccef2;}
.border {border:1px solid #4ccef2;}
Shades and Tints of #4ccef2
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, #000304 is the darkest color, while #f1fbfe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#021216
#021216
rgb(2,18,22)
-
#032028
#032028
rgb(3,32,40)
-
#042f3b
#042f3b
rgb(4,47,59)
-
#063e4d
#063e4d
rgb(6,62,77)
-
#074c5f
#074c5f
rgb(7,76,95)
-
#085b72
#085b72
rgb(8,91,114)
-
#0a6984
#0a6984
rgb(10,105,132)
-
#0b7896
#0b7896
rgb(11,120,150)
-
#0c87a8
#0c87a8
rgb(12,135,168)
-
#0e95bb
#0e95bb
rgb(14,149,187)
-
#0fa4cd
#0fa4cd
rgb(15,164,205)
-
#10b2df
#10b2df
rgb(16,178,223)
-
#15bfee
#15bfee
rgb(21,191,238)
-
#27c4ef
#27c4ef
rgb(39,196,239)
-
#3ac9f1
#3ac9f1
rgb(58,201,241)
-
#4ccef2
#4ccef2
rgb(76,206,242)
-
#5ed3f3
#5ed3f3
rgb(94,211,243)
-
#71d8f5
#71d8f5
rgb(113,216,245)
-
#83ddf6
#83ddf6
rgb(131,221,246)
-
#95e2f7
#95e2f7
rgb(149,226,247)
-
#a7e7f9
#a7e7f9
rgb(167,231,249)
-
#baecfa
#baecfa
rgb(186,236,250)
-
#ccf1fb
#ccf1fb
rgb(204,241,251)
-
#def6fd
#def6fd
rgb(222,246,253)
-
#f1fbfe
#f1fbfe
rgb(241,251,254)
Tones of #4ccef2
A tone is produced by adding gray to any pure hue. In this case, #9da0a1 is the less saturated color, while #45d2f9 is the most saturated one.
-
#9da0a1
#9da0a1
rgb(157,160,161)
-
#96a4a8
#96a4a8
rgb(150,164,168)
-
#8ea8b0
#8ea8b0
rgb(142,168,176)
-
#87adb7
#87adb7
rgb(135,173,183)
-
#80b1be
#80b1be
rgb(128,177,190)
-
#78b5c6
#78b5c6
rgb(120,181,198)
-
#71b9cd
#71b9cd
rgb(113,185,205)
-
#6abdd4
#6abdd4
rgb(106,189,212)
-
#62c1dc
#62c1dc
rgb(98,193,220)
-
#5bc6e3
#5bc6e3
rgb(91,198,227)
-
#53caeb
#53caeb
rgb(83,202,235)
-
#4ccef2
#4ccef2
rgb(76,206,242)
-
#45d2f9
#45d2f9
rgb(69,210,249)
Color Blindness Simulator
Below, you can see how #4ccef2 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.