#3ccddd Color Information
In a RGB color space, hex #3ccddd is composed of 23.5% red, 80.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 7.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 186 degrees, a saturation of 70.3% and a lightness of 55.1%. #3ccddd color hex could be obtained by blending #78ffff with #009bbb. Closest websafe color is: #33cccc.
-
- R 24
- G 80
- B 87
-
- C 73
- M 7
- Y 0
- K 13
● #3ccddd color description : Bright cyan.
#3ccddd Color Conversion
The hexadecimal color #3ccddd has RGB values of R:60, G:205, B:221 and CMYK values of C:0.73, M:0.07, Y:0, K:0.13. Its decimal value is 3984861.
Hex triplet | 3ccddd | #3ccddd |
---|---|---|
RGB Decimal | 60, 205, 221 | rgb(60,205,221) |
RGB Percent | 23.5, 80.4, 86.7 | rgb(23.5%,80.4%,86.7%) |
CMYK | 73, 7, 0, 13 | |
HSL | 186°, 70.3, 55.1 | hsl(186,70.3%,55.1%) |
HSV (or HSB) | 186°, 72.9, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.971, -32.195, -18.907 |
---|---|
XYZ | 36.742, 49.84, 76.086 |
xyY | 0.226, 0.306, 49.84 |
CIE-LCH | 75.971, 37.336, 210.425 |
CIE-LUV | 75.971, -52.049, -25.044 |
Hunter-Lab | 70.598, -30.647, -14.481 |
Binary | 00111100, 11001101, 11011101 |
Color Schemes with #3ccddd
Alternatives to #3ccddd
Below, you can see some colors close to #3ccddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ccddd Preview
This text has a font color of #3ccddd.
<span style="color:#3ccddd;">Text here</span>
This paragraph has a background color of #3ccddd.
<p style="background-color:#3ccddd;">Content here</p>
This element has a border color of #3ccddd.
<div style="border:1px solid #3ccddd;">Content here</div>
.text {color:#3ccddd;}
.background {background-color:#3ccddd;}
.border {border:1px solid #3ccddd;}
Shades and Tints of #3ccddd
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, #010505 is the darkest color, while #f4fcfd is the lightest one.
-
#010505
#010505
rgb(1,5,5)
-
#041416
#041416
rgb(4,20,22)
-
#072427
#072427
rgb(7,36,39)
-
#0a3338
#0a3338
rgb(10,51,56)
-
#0d4248
#0d4248
rgb(13,66,72)
-
#105259
#105259
rgb(16,82,89)
-
#12616a
#12616a
rgb(18,97,106)
-
#15707a
#15707a
rgb(21,112,122)
-
#18808b
#18808b
rgb(24,128,139)
-
#1b8f9c
#1b8f9c
rgb(27,143,156)
-
#1e9eac
#1e9eac
rgb(30,158,172)
-
#21aebd
#21aebd
rgb(33,174,189)
-
#24bdce
#24bdce
rgb(36,189,206)
-
#2bc9da
#2bc9da
rgb(43,201,218)
-
#3ccddd
#3ccddd
rgb(60,205,221)
-
#4dd1e0
#4dd1e0
rgb(77,209,224)
-
#5dd6e3
#5dd6e3
rgb(93,214,227)
-
#6edae6
#6edae6
rgb(110,218,230)
-
#7fdee9
#7fdee9
rgb(127,222,233)
-
#90e2ec
#90e2ec
rgb(144,226,236)
-
#a0e7ee
#a0e7ee
rgb(160,231,238)
-
#b1ebf1
#b1ebf1
rgb(177,235,241)
-
#c2eff4
#c2eff4
rgb(194,239,244)
-
#d2f4f7
#d2f4f7
rgb(210,244,247)
-
#e3f8fa
#e3f8fa
rgb(227,248,250)
-
#f4fcfd
#f4fcfd
rgb(244,252,253)
Tones of #3ccddd
A tone is produced by adding gray to any pure hue. In this case, #8b8d8e is the less saturated color, while #22e2f7 is the most saturated one.
-
#8b8d8e
#8b8d8e
rgb(139,141,142)
-
#829597
#829597
rgb(130,149,151)
-
#7a9c9f
#7a9c9f
rgb(122,156,159)
-
#71a3a8
#71a3a8
rgb(113,163,168)
-
#68aab1
#68aab1
rgb(104,170,177)
-
#5fb1ba
#5fb1ba
rgb(95,177,186)
-
#56b8c3
#56b8c3
rgb(86,184,195)
-
#4ebfcb
#4ebfcb
rgb(78,191,203)
-
#45c6d4
#45c6d4
rgb(69,198,212)
-
#3ccddd
#3ccddd
rgb(60,205,221)
-
#33d4e6
#33d4e6
rgb(51,212,230)
-
#2adbef
#2adbef
rgb(42,219,239)
-
#22e2f7
#22e2f7
rgb(34,226,247)
Color Blindness Simulator
Below, you can see how #3ccddd 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.