#30ccd5 Color Information
In a RGB color space, hex #30ccd5 is composed of 18.8% red, 80% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 4.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 183.3 degrees, a saturation of 66.3% and a lightness of 51.2%. #30ccd5 color hex could be obtained by blending #60ffff with #0099ab. Closest websafe color is: #33cccc.
-
- R 19
- G 80
- B 84
-
- C 77
- M 4
- Y 0
- K 16
● #30ccd5 color description : Strong cyan.
#30ccd5 Color Conversion
The hexadecimal color #30ccd5 has RGB values of R:48, G:204, B:213 and CMYK values of C:0.77, M:0.04, Y:0, K:0.16. Its decimal value is 3198165.
Hex triplet | 30ccd5 | #30ccd5 |
---|---|---|
RGB Decimal | 48, 204, 213 | rgb(48,204,213) |
RGB Percent | 18.8, 80, 83.5 | rgb(18.8%,80%,83.5%) |
CMYK | 77, 4, 0, 16 | |
HSL | 183.3°, 66.3, 51.2 | hsl(183.3,66.3%,51.2%) |
HSV (or HSB) | 183.3°, 77.5, 83.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.211, -35.39, -15.76 |
---|---|
XYZ | 34.818, 48.615, 70.496 |
xyY | 0.226, 0.316, 48.615 |
CIE-LCH | 75.211, 38.74, 204.005 |
CIE-LUV | 75.211, -53.847, -19.386 |
Hunter-Lab | 69.724, -32.88, -11.139 |
Binary | 00110000, 11001100, 11010101 |
Color Schemes with #30ccd5
Alternatives to #30ccd5
Below, you can see some colors close to #30ccd5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30ccd5 Preview
This text has a font color of #30ccd5.
<span style="color:#30ccd5;">Text here</span>
This paragraph has a background color of #30ccd5.
<p style="background-color:#30ccd5;">Content here</p>
This element has a border color of #30ccd5.
<div style="border:1px solid #30ccd5;">Content here</div>
.text {color:#30ccd5;}
.background {background-color:#30ccd5;}
.border {border:1px solid #30ccd5;}
Shades and Tints of #30ccd5
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)
-
#041415
#041415
rgb(4,20,21)
-
#082426
#082426
rgb(8,36,38)
-
#0b3436
#0b3436
rgb(11,52,54)
-
#0e4346
#0e4346
rgb(14,67,70)
-
#125357
#125357
rgb(18,83,87)
-
#156267
#156267
rgb(21,98,103)
-
#187277
#187277
rgb(24,114,119)
-
#1b8287
#1b8287
rgb(27,130,135)
-
#1f9198
#1f9198
rgb(31,145,152)
-
#22a1a8
#22a1a8
rgb(34,161,168)
-
#25b0b8
#25b0b8
rgb(37,176,184)
-
#29c0c9
#29c0c9
rgb(41,192,201)
-
#30ccd5
#30ccd5
rgb(48,204,213)
-
#40d0d8
#40d0d8
rgb(64,208,216)
-
#51d4dc
#51d4dc
rgb(81,212,220)
-
#61d8df
#61d8df
rgb(97,216,223)
-
#71dce2
#71dce2
rgb(113,220,226)
-
#82e0e6
#82e0e6
rgb(130,224,230)
-
#92e4e9
#92e4e9
rgb(146,228,233)
-
#a2e8ec
#a2e8ec
rgb(162,232,236)
-
#b2ecef
#b2ecef
rgb(178,236,239)
-
#c3f0f3
#c3f0f3
rgb(195,240,243)
-
#d3f4f6
#d3f4f6
rgb(211,244,246)
-
#e3f8f9
#e3f8f9
rgb(227,248,249)
-
#f4fcfd
#f4fcfd
rgb(244,252,253)
Tones of #30ccd5
A tone is produced by adding gray to any pure hue. In this case, #7d8888 is the less saturated color, while #0aeefb is the most saturated one.
-
#7d8888
#7d8888
rgb(125,136,136)
-
#739092
#739092
rgb(115,144,146)
-
#69999c
#69999c
rgb(105,153,156)
-
#60a1a5
#60a1a5
rgb(96,161,165)
-
#56aaaf
#56aaaf
rgb(86,170,175)
-
#4db2b8
#4db2b8
rgb(77,178,184)
-
#43bbc2
#43bbc2
rgb(67,187,194)
-
#3ac3cb
#3ac3cb
rgb(58,195,203)
-
#30ccd5
#30ccd5
rgb(48,204,213)
-
#26d5df
#26d5df
rgb(38,213,223)
-
#1ddde8
#1ddde8
rgb(29,221,232)
-
#13e6f2
#13e6f2
rgb(19,230,242)
-
#0aeefb
#0aeefb
rgb(10,238,251)
Color Blindness Simulator
Below, you can see how #30ccd5 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.