#3ccdf0 Color Information
In a RGB color space, hex #3ccdf0 is composed of 23.5% red, 80.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 14.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 191.7 degrees, a saturation of 85.7% and a lightness of 58.8%. #3ccdf0 color hex could be obtained by blending #78ffff with #009be1. Closest websafe color is: #33ccff.
-
- R 24
- G 80
- B 94
-
- C 75
- M 15
- Y 0
- K 6
● #3ccdf0 color description : Bright cyan.
#3ccdf0 Color Conversion
The hexadecimal color #3ccdf0 has RGB values of R:60, G:205, B:240 and CMYK values of C:0.75, M:0.15, Y:0, K:0.06. Its decimal value is 3984880.
Hex triplet | 3ccdf0 | #3ccdf0 |
---|---|---|
RGB Decimal | 60, 205, 240 | rgb(60,205,240) |
RGB Percent | 23.5, 80.4, 94.1 | rgb(23.5%,80.4%,94.1%) |
CMYK | 75, 15, 0, 6 | |
HSL | 191.7°, 85.7, 58.8 | hsl(191.7,85.7%,58.8%) |
HSV (or HSB) | 191.7°, 75, 94.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.625, -26.376, -28.126 |
---|---|
XYZ | 39.419, 50.911, 90.183 |
xyY | 0.218, 0.282, 50.911 |
CIE-LCH | 76.625, 38.558, 226.839 |
CIE-LUV | 76.625, -50.781, -41.4 |
Hunter-Lab | 71.352, -26.253, -24.991 |
Binary | 00111100, 11001101, 11110000 |
Color Schemes with #3ccdf0
Alternatives to #3ccdf0
Below, you can see some colors close to #3ccdf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ccdf0 Preview
This text has a font color of #3ccdf0.
<span style="color:#3ccdf0;">Text here</span>
This paragraph has a background color of #3ccdf0.
<p style="background-color:#3ccdf0;">Content here</p>
This element has a border color of #3ccdf0.
<div style="border:1px solid #3ccdf0;">Content here</div>
.text {color:#3ccdf0;}
.background {background-color:#3ccdf0;}
.border {border:1px solid #3ccdf0;}
Shades and Tints of #3ccdf0
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, #000405 is the darkest color, while #f2fcfe is the lightest one.
-
#000405
#000405
rgb(0,4,5)
-
#021318
#021318
rgb(2,19,24)
-
#03222a
#03222a
rgb(3,34,42)
-
#05313c
#05313c
rgb(5,49,60)
-
#06404e
#06404e
rgb(6,64,78)
-
#074f60
#074f60
rgb(7,79,96)
-
#095e73
#095e73
rgb(9,94,115)
-
#0a6d85
#0a6d85
rgb(10,109,133)
-
#0c7c97
#0c7c97
rgb(12,124,151)
-
#0d8ba9
#0d8ba9
rgb(13,139,169)
-
#0e9abc
#0e9abc
rgb(14,154,188)
-
#10a9ce
#10a9ce
rgb(16,169,206)
-
#11b8e0
#11b8e0
rgb(17,184,224)
-
#18c4ed
#18c4ed
rgb(24,196,237)
-
#2ac8ef
#2ac8ef
rgb(42,200,239)
-
#3ccdf0
#3ccdf0
rgb(60,205,240)
-
#4ed2f1
#4ed2f1
rgb(78,210,241)
-
#60d6f3
#60d6f3
rgb(96,214,243)
-
#73dbf4
#73dbf4
rgb(115,219,244)
-
#85e0f6
#85e0f6
rgb(133,224,246)
-
#97e4f7
#97e4f7
rgb(151,228,247)
-
#a9e9f8
#a9e9f8
rgb(169,233,248)
-
#bceefa
#bceefa
rgb(188,238,250)
-
#cef2fb
#cef2fb
rgb(206,242,251)
-
#e0f7fd
#e0f7fd
rgb(224,247,253)
-
#f2fcfe
#f2fcfe
rgb(242,252,254)
Tones of #3ccdf0
A tone is produced by adding gray to any pure hue. In this case, #959797 is the less saturated color, while #34d2f8 is the most saturated one.
-
#959797
#959797
rgb(149,151,151)
-
#8d9c9f
#8d9c9f
rgb(141,156,159)
-
#85a1a7
#85a1a7
rgb(133,161,167)
-
#7da6af
#7da6af
rgb(125,166,175)
-
#75aab7
#75aab7
rgb(117,170,183)
-
#6cafc0
#6cafc0
rgb(108,175,192)
-
#64b4c8
#64b4c8
rgb(100,180,200)
-
#5cb9d0
#5cb9d0
rgb(92,185,208)
-
#54bed8
#54bed8
rgb(84,190,216)
-
#4cc3e0
#4cc3e0
rgb(76,195,224)
-
#44c8e8
#44c8e8
rgb(68,200,232)
-
#3ccdf0
#3ccdf0
rgb(60,205,240)
-
#34d2f8
#34d2f8
rgb(52,210,248)
Color Blindness Simulator
Below, you can see how #3ccdf0 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.