#4cc2f2 Color Information
In a RGB color space, hex #4cc2f2 is composed of 29.8% red, 76.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 19.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 197.3 degrees, a saturation of 86.5% and a lightness of 62.4%. #4cc2f2 color hex could be obtained by blending #98ffff with #0085e5. Closest websafe color is: #33ccff.
-
- R 30
- G 76
- B 95
-
- C 69
- M 20
- Y 0
- K 5
● #4cc2f2 color description : Soft blue.
#4cc2f2 Color Conversion
The hexadecimal color #4cc2f2 has RGB values of R:76, G:194, B:242 and CMYK values of C:0.69, M:0.2, Y:0, K:0.05. Its decimal value is 5030642.
Hex triplet | 4cc2f2 | #4cc2f2 |
---|---|---|
RGB Decimal | 76, 194, 242 | rgb(76,194,242) |
RGB Percent | 29.8, 76.1, 94.9 | rgb(29.8%,76.1%,94.9%) |
CMYK | 69, 20, 0, 5 | |
HSL | 197.3°, 86.5, 62.4 | hsl(197.3,86.5%,62.4%) |
HSV (or HSB) | 197.3°, 68.6, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 73.887, -18.149, -33.386 |
---|---|
XYZ | 38.295, 46.528, 90.962 |
xyY | 0.218, 0.265, 46.528 |
CIE-LCH | 73.887, 38.001, 241.471 |
CIE-LUV | 73.887, -44.223, -51.255 |
Hunter-Lab | 68.211, -19.156, -31.317 |
Binary | 01001100, 11000010, 11110010 |
Color Schemes with #4cc2f2
Alternatives to #4cc2f2
Below, you can see some colors close to #4cc2f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4cc2f2 Preview
This text has a font color of #4cc2f2.
<span style="color:#4cc2f2;">Text here</span>
This paragraph has a background color of #4cc2f2.
<p style="background-color:#4cc2f2;">Content here</p>
This element has a border color of #4cc2f2.
<div style="border:1px solid #4cc2f2;">Content here</div>
.text {color:#4cc2f2;}
.background {background-color:#4cc2f2;}
.border {border:1px solid #4cc2f2;}
Shades and Tints of #4cc2f2
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 #f1fafe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#021016
#021016
rgb(2,16,22)
-
#031e28
#031e28
rgb(3,30,40)
-
#042b3b
#042b3b
rgb(4,43,59)
-
#06384d
#06384d
rgb(6,56,77)
-
#07465f
#07465f
rgb(7,70,95)
-
#085372
#085372
rgb(8,83,114)
-
#0a6184
#0a6184
rgb(10,97,132)
-
#0b6e96
#0b6e96
rgb(11,110,150)
-
#0c7ba8
#0c7ba8
rgb(12,123,168)
-
#0e89bb
#0e89bb
rgb(14,137,187)
-
#0f96cd
#0f96cd
rgb(15,150,205)
-
#10a3df
#10a3df
rgb(16,163,223)
-
#15afee
#15afee
rgb(21,175,238)
-
#27b6ef
#27b6ef
rgb(39,182,239)
-
#3abcf1
#3abcf1
rgb(58,188,241)
-
#4cc2f2
#4cc2f2
rgb(76,194,242)
-
#5ec8f3
#5ec8f3
rgb(94,200,243)
-
#71cef5
#71cef5
rgb(113,206,245)
-
#83d5f6
#83d5f6
rgb(131,213,246)
-
#95dbf7
#95dbf7
rgb(149,219,247)
-
#a7e1f9
#a7e1f9
rgb(167,225,249)
-
#bae7fa
#bae7fa
rgb(186,231,250)
-
#cceefb
#cceefb
rgb(204,238,251)
-
#def4fd
#def4fd
rgb(222,244,253)
-
#f1fafe
#f1fafe
rgb(241,250,254)
Tones of #4cc2f2
A tone is produced by adding gray to any pure hue. In this case, #9da0a1 is the less saturated color, while #45c5f9 is the most saturated one.
-
#9da0a1
#9da0a1
rgb(157,160,161)
-
#96a3a8
#96a3a8
rgb(150,163,168)
-
#8ea6b0
#8ea6b0
rgb(142,166,176)
-
#87a9b7
#87a9b7
rgb(135,169,183)
-
#80acbe
#80acbe
rgb(128,172,190)
-
#78afc6
#78afc6
rgb(120,175,198)
-
#71b2cd
#71b2cd
rgb(113,178,205)
-
#6ab6d4
#6ab6d4
rgb(106,182,212)
-
#62b9dc
#62b9dc
rgb(98,185,220)
-
#5bbce3
#5bbce3
rgb(91,188,227)
-
#53bfeb
#53bfeb
rgb(83,191,235)
-
#4cc2f2
#4cc2f2
rgb(76,194,242)
-
#45c5f9
#45c5f9
rgb(69,197,249)
Color Blindness Simulator
Below, you can see how #4cc2f2 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.