#3ccdd4 Color Information
In a RGB color space, hex #3ccdd4 is composed of 23.5% red, 80.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 3.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 182.8 degrees, a saturation of 63.9% and a lightness of 53.3%. #3ccdd4 color hex could be obtained by blending #78ffff with #009ba9. Closest websafe color is: #33cccc.
-
- R 24
- G 80
- B 83
-
- C 72
- M 3
- Y 0
- K 17
● #3ccdd4 color description : Moderate cyan.
#3ccdd4 Color Conversion
The hexadecimal color #3ccdd4 has RGB values of R:60, G:205, B:212 and CMYK values of C:0.72, M:0.03, Y:0, K:0.17. Its decimal value is 3984852.
Hex triplet | 3ccdd4 | #3ccdd4 |
---|---|---|
RGB Decimal | 60, 205, 212 | rgb(60,205,212) |
RGB Percent | 23.5, 80.4, 83.1 | rgb(23.5%,80.4%,83.1%) |
CMYK | 72, 3, 0, 17 | |
HSL | 182.8°, 63.9, 53.3 | hsl(182.8,63.9%,53.3%) |
HSV (or HSB) | 182.8°, 71.7, 83.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.683, -34.852, -14.489 |
---|---|
XYZ | 35.575, 49.374, 69.939 |
xyY | 0.23, 0.319, 49.374 |
CIE-LCH | 75.683, 37.744, 202.575 |
CIE-LUV | 75.683, -52.656, -17.378 |
Hunter-Lab | 70.266, -32.594, -9.827 |
Binary | 00111100, 11001101, 11010100 |
Color Schemes with #3ccdd4
Alternatives to #3ccdd4
Below, you can see some colors close to #3ccdd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ccdd4 Preview
This text has a font color of #3ccdd4.
<span style="color:#3ccdd4;">Text here</span>
This paragraph has a background color of #3ccdd4.
<p style="background-color:#3ccdd4;">Content here</p>
This element has a border color of #3ccdd4.
<div style="border:1px solid #3ccdd4;">Content here</div>
.text {color:#3ccdd4;}
.background {background-color:#3ccdd4;}
.border {border:1px solid #3ccdd4;}
Shades and Tints of #3ccdd4
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, #030d0e is the darkest color, while #fdfeff is the lightest one.
-
#030d0e
#030d0e
rgb(3,13,14)
-
#071d1e
#071d1e
rgb(7,29,30)
-
#0a2c2e
#0a2c2e
rgb(10,44,46)
-
#0e3c3e
#0e3c3e
rgb(14,60,62)
-
#114b4e
#114b4e
rgb(17,75,78)
-
#155b5e
#155b5e
rgb(21,91,94)
-
#186a6e
#186a6e
rgb(24,106,110)
-
#1c7a7e
#1c7a7e
rgb(28,122,126)
-
#1f898f
#1f898f
rgb(31,137,143)
-
#23999f
#23999f
rgb(35,153,159)
-
#27a8af
#27a8af
rgb(39,168,175)
-
#2ab8bf
#2ab8bf
rgb(42,184,191)
-
#2ec7cf
#2ec7cf
rgb(46,199,207)
-
#3ccdd4
#3ccdd4
rgb(60,205,212)
-
#4cd1d8
#4cd1d8
rgb(76,209,216)
-
#5cd5db
#5cd5db
rgb(92,213,219)
-
#6cd9df
#6cd9df
rgb(108,217,223)
-
#7cdde2
#7cdde2
rgb(124,221,226)
-
#8ce2e6
#8ce2e6
rgb(140,226,230)
-
#9ce6e9
#9ce6e9
rgb(156,230,233)
-
#adeaed
#adeaed
rgb(173,234,237)
-
#bdeef0
#bdeef0
rgb(189,238,240)
-
#cdf2f4
#cdf2f4
rgb(205,242,244)
-
#ddf6f7
#ddf6f7
rgb(221,246,247)
-
#edfafb
#edfafb
rgb(237,250,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3ccdd4
A tone is produced by adding gray to any pure hue. In this case, #858b8b is the less saturated color, while #17eef9 is the most saturated one.
-
#858b8b
#858b8b
rgb(133,139,139)
-
#7c9394
#7c9394
rgb(124,147,148)
-
#739b9d
#739b9d
rgb(115,155,157)
-
#6aa3a6
#6aa3a6
rgb(106,163,166)
-
#61acaf
#61acaf
rgb(97,172,175)
-
#57b4b9
#57b4b9
rgb(87,180,185)
-
#4ebcc2
#4ebcc2
rgb(78,188,194)
-
#45c5cb
#45c5cb
rgb(69,197,203)
-
#3ccdd4
#3ccdd4
rgb(60,205,212)
-
#33d5dd
#33d5dd
rgb(51,213,221)
-
#2adee6
#2adee6
rgb(42,222,230)
-
#21e6ef
#21e6ef
rgb(33,230,239)
-
#17eef9
#17eef9
rgb(23,238,249)
Color Blindness Simulator
Below, you can see how #3ccdd4 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.