#30ccf9 Color Information
In a RGB color space, hex #30ccf9 is composed of 18.8% red, 80% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 18.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 193.4 degrees, a saturation of 94.4% and a lightness of 58.2%. #30ccf9 color hex could be obtained by blending #60ffff with #0099f3. Closest websafe color is: #33ccff.
-
- R 19
- G 80
- B 98
-
- C 81
- M 18
- Y 0
- K 2
● #30ccf9 color description : Bright cyan.
#30ccf9 Color Conversion
The hexadecimal color #30ccf9 has RGB values of R:48, G:204, B:249 and CMYK values of C:0.81, M:0.18, Y:0, K:0.02. Its decimal value is 3198201.
Hex triplet | 30ccf9 | #30ccf9 |
---|---|---|
RGB Decimal | 48, 204, 249 | rgb(48,204,249) |
RGB Percent | 18.8, 80, 97.6 | rgb(18.8%,80%,97.6%) |
CMYK | 81, 18, 0, 2 | |
HSL | 193.4°, 94.4, 58.2 | hsl(193.4,94.4%,58.2%) |
HSV (or HSB) | 193.4°, 80.7, 97.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.466, -24.162, -33.209 |
---|---|
XYZ | 39.906, 50.65, 97.291 |
xyY | 0.212, 0.27, 50.65 |
CIE-LCH | 76.466, 41.069, 233.962 |
CIE-LUV | 76.466, -51.294, -50.41 |
Hunter-Lab | 71.169, -24.456, -31.234 |
Binary | 00110000, 11001100, 11111001 |
Color Schemes with #30ccf9
Alternatives to #30ccf9
Below, you can see some colors close to #30ccf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30ccf9 Preview
This text has a font color of #30ccf9.
<span style="color:#30ccf9;">Text here</span>
This paragraph has a background color of #30ccf9.
<p style="background-color:#30ccf9;">Content here</p>
This element has a border color of #30ccf9.
<div style="border:1px solid #30ccf9;">Content here</div>
.text {color:#30ccf9;}
.background {background-color:#30ccf9;}
.border {border:1px solid #30ccf9;}
Shades and Tints of #30ccf9
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 #effbff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#011116
#011116
rgb(1,17,22)
-
#012029
#012029
rgb(1,32,41)
-
#022f3c
#022f3c
rgb(2,47,60)
-
#023e4f
#023e4f
rgb(2,62,79)
-
#034d62
#034d62
rgb(3,77,98)
-
#035c75
#035c75
rgb(3,92,117)
-
#046b88
#046b88
rgb(4,107,136)
-
#04799b
#04799b
rgb(4,121,155)
-
#0588ae
#0588ae
rgb(5,136,174)
-
#0697c1
#0697c1
rgb(6,151,193)
-
#06a6d4
#06a6d4
rgb(6,166,212)
-
#07b5e7
#07b5e7
rgb(7,181,231)
-
#0ac3f8
#0ac3f8
rgb(10,195,248)
-
#1dc7f8
#1dc7f8
rgb(29,199,248)
-
#30ccf9
#30ccf9
rgb(48,204,249)
-
#43d1fa
#43d1fa
rgb(67,209,250)
-
#56d5fa
#56d5fa
rgb(86,213,250)
-
#69dafb
#69dafb
rgb(105,218,251)
-
#7cdffb
#7cdffb
rgb(124,223,251)
-
#8fe3fc
#8fe3fc
rgb(143,227,252)
-
#a2e8fc
#a2e8fc
rgb(162,232,252)
-
#b5edfd
#b5edfd
rgb(181,237,253)
-
#c9f2fd
#c9f2fd
rgb(201,242,253)
-
#dcf6fe
#dcf6fe
rgb(220,246,254)
-
#effbff
#effbff
rgb(239,251,255)
Tones of #30ccf9
A tone is produced by adding gray to any pure hue. In this case, #929697 is the less saturated color, while #30ccf9 is the most saturated one.
-
#929697
#929697
rgb(146,150,151)
-
#8a9a9f
#8a9a9f
rgb(138,154,159)
-
#829fa7
#829fa7
rgb(130,159,167)
-
#7aa3af
#7aa3af
rgb(122,163,175)
-
#72a8b7
#72a8b7
rgb(114,168,183)
-
#69acc0
#69acc0
rgb(105,172,192)
-
#61b1c8
#61b1c8
rgb(97,177,200)
-
#59b5d0
#59b5d0
rgb(89,181,208)
-
#51bad8
#51bad8
rgb(81,186,216)
-
#49bee0
#49bee0
rgb(73,190,224)
-
#40c3e9
#40c3e9
rgb(64,195,233)
-
#38c7f1
#38c7f1
rgb(56,199,241)
-
#30ccf9
#30ccf9
rgb(48,204,249)
Color Blindness Simulator
Below, you can see how #30ccf9 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.