#4dc1f0 Color Information
In a RGB color space, hex #4dc1f0 is composed of 30.2% red, 75.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 19.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 197.3 degrees, a saturation of 84.5% and a lightness of 62.2%. #4dc1f0 color hex could be obtained by blending #9affff with #0083e1. Closest websafe color is: #66ccff.
-
- R 30
- G 76
- B 94
-
- C 68
- M 20
- Y 0
- K 6
● #4dc1f0 color description : Soft blue.
#4dc1f0 Color Conversion
The hexadecimal color #4dc1f0 has RGB values of R:77, G:193, B:240 and CMYK values of C:0.68, M:0.2, Y:0, K:0.06. Its decimal value is 5095920.
Hex triplet | 4dc1f0 | #4dc1f0 |
---|---|---|
RGB Decimal | 77, 193, 240 | rgb(77,193,240) |
RGB Percent | 30.2, 75.7, 94.1 | rgb(30.2%,75.7%,94.1%) |
CMYK | 68, 20, 0, 6 | |
HSL | 197.3°, 84.5, 62.2 | hsl(197.3,84.5%,62.2%) |
HSV (or HSB) | 197.3°, 67.9, 94.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 73.549, -18.117, -32.827 |
---|---|
XYZ | 37.855, 46.006, 89.318 |
xyY | 0.219, 0.266, 46.006 |
CIE-LCH | 73.549, 37.494, 241.106 |
CIE-LUV | 73.549, -43.789, -50.272 |
Hunter-Lab | 67.828, -19.077, -30.596 |
Binary | 01001101, 11000001, 11110000 |
Color Schemes with #4dc1f0
Alternatives to #4dc1f0
Below, you can see some colors close to #4dc1f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4dc1f0 Preview
This text has a font color of #4dc1f0.
<span style="color:#4dc1f0;">Text here</span>
This paragraph has a background color of #4dc1f0.
<p style="background-color:#4dc1f0;">Content here</p>
This element has a border color of #4dc1f0.
<div style="border:1px solid #4dc1f0;">Content here</div>
.text {color:#4dc1f0;}
.background {background-color:#4dc1f0;}
.border {border:1px solid #4dc1f0;}
Shades and Tints of #4dc1f0
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, #000203 is the darkest color, while #f0fafe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#020f15
#020f15
rgb(2,15,21)
-
#031d27
#031d27
rgb(3,29,39)
-
#052a39
#052a39
rgb(5,42,57)
-
#06374b
#06374b
rgb(6,55,75)
-
#08455d
#08455d
rgb(8,69,93)
-
#09526f
#09526f
rgb(9,82,111)
-
#0b5f82
#0b5f82
rgb(11,95,130)
-
#0c6d94
#0c6d94
rgb(12,109,148)
-
#0e7aa6
#0e7aa6
rgb(14,122,166)
-
#0f87b8
#0f87b8
rgb(15,135,184)
-
#1195ca
#1195ca
rgb(17,149,202)
-
#13a2dc
#13a2dc
rgb(19,162,220)
-
#17aeeb
#17aeeb
rgb(23,174,235)
-
#29b4ed
#29b4ed
rgb(41,180,237)
-
#3bbbee
#3bbbee
rgb(59,187,238)
-
#4dc1f0
#4dc1f0
rgb(77,193,240)
-
#5fc7f2
#5fc7f2
rgb(95,199,242)
-
#71cef3
#71cef3
rgb(113,206,243)
-
#83d4f5
#83d4f5
rgb(131,212,245)
-
#95daf6
#95daf6
rgb(149,218,246)
-
#a7e1f8
#a7e1f8
rgb(167,225,248)
-
#bae7f9
#bae7f9
rgb(186,231,249)
-
#ccedfb
#ccedfb
rgb(204,237,251)
-
#def3fc
#def3fc
rgb(222,243,252)
-
#f0fafe
#f0fafe
rgb(240,250,254)
Tones of #4dc1f0
A tone is produced by adding gray to any pure hue. In this case, #97a2a6 is the less saturated color, while #3ec7ff is the most saturated one.
-
#97a2a6
#97a2a6
rgb(151,162,166)
-
#90a5ad
#90a5ad
rgb(144,165,173)
-
#88a8b5
#88a8b5
rgb(136,168,181)
-
#81abbc
#81abbc
rgb(129,171,188)
-
#7aaec3
#7aaec3
rgb(122,174,195)
-
#72b1cb
#72b1cb
rgb(114,177,203)
-
#6bb4d2
#6bb4d2
rgb(107,180,210)
-
#63b8da
#63b8da
rgb(99,184,218)
-
#5cbbe1
#5cbbe1
rgb(92,187,225)
-
#54bee9
#54bee9
rgb(84,190,233)
-
#4dc1f0
#4dc1f0
rgb(77,193,240)
-
#46c4f7
#46c4f7
rgb(70,196,247)
-
#3ec7ff
#3ec7ff
rgb(62,199,255)
Color Blindness Simulator
Below, you can see how #4dc1f0 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.