#30cbff Color Information
In a RGB color space, hex #30cbff is composed of 18.8% red, 79.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 20.4% magenta, 0% yellow and 0% black. It has a hue angle of 195.1 degrees, a saturation of 100% and a lightness of 59.4%. #30cbff color hex could be obtained by blending #60ffff with #0097ff. Closest websafe color is: #33ccff.
-
- R 19
- G 80
- B 100
-
- C 81
- M 20
- Y 0
- K 0
● #30cbff color description : Vivid blue.
#30cbff Color Conversion
The hexadecimal color #30cbff has RGB values of R:48, G:203, B:255 and CMYK values of C:0.81, M:0.2, Y:0, K:0. Its decimal value is 3197951.
Hex triplet | 30cbff | #30cbff |
---|---|---|
RGB Decimal | 48, 203, 255 | rgb(48,203,255) |
RGB Percent | 18.8, 79.6, 100 | rgb(18.8%,79.6%,100%) |
CMYK | 81, 20, 0, 0 | |
HSL | 195.1°, 100, 59.4 | hsl(195.1,100%,59.4%) |
HSV (or HSB) | 195.1°, 81.2, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.41, -21.696, -36.507 |
---|---|
XYZ | 40.62, 50.556, 102.22 |
xyY | 0.21, 0.261, 50.556 |
CIE-LCH | 76.41, 42.468, 239.277 |
CIE-LUV | 76.41, -50.542, -56.418 |
Hunter-Lab | 71.103, -22.456, -35.465 |
Binary | 00110000, 11001011, 11111111 |
Color Schemes with #30cbff
Alternatives to #30cbff
Below, you can see some colors close to #30cbff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30cbff Preview
This text has a font color of #30cbff.
<span style="color:#30cbff;">Text here</span>
This paragraph has a background color of #30cbff.
<p style="background-color:#30cbff;">Content here</p>
This element has a border color of #30cbff.
<div style="border:1px solid #30cbff;">Content here</div>
.text {color:#30cbff;}
.background {background-color:#30cbff;}
.border {border:1px solid #30cbff;}
Shades and Tints of #30cbff
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, #000709 is the darkest color, while #f4fcff is the lightest one.
-
#000709
#000709
rgb(0,7,9)
-
#00151c
#00151c
rgb(0,21,28)
-
#002430
#002430
rgb(0,36,48)
-
#003344
#003344
rgb(0,51,68)
-
#004157
#004157
rgb(0,65,87)
-
#00506b
#00506b
rgb(0,80,107)
-
#005f7e
#005f7e
rgb(0,95,126)
-
#006d92
#006d92
rgb(0,109,146)
-
#007ca6
#007ca6
rgb(0,124,166)
-
#008bb9
#008bb9
rgb(0,139,185)
-
#0099cd
#0099cd
rgb(0,153,205)
-
#00a8e1
#00a8e1
rgb(0,168,225)
-
#00b7f4
#00b7f4
rgb(0,183,244)
-
#09c1ff
#09c1ff
rgb(9,193,255)
-
#1cc6ff
#1cc6ff
rgb(28,198,255)
-
#30cbff
#30cbff
rgb(48,203,255)
-
#44d0ff
#44d0ff
rgb(68,208,255)
-
#57d5ff
#57d5ff
rgb(87,213,255)
-
#6bdaff
#6bdaff
rgb(107,218,255)
-
#7edfff
#7edfff
rgb(126,223,255)
-
#92e4ff
#92e4ff
rgb(146,228,255)
-
#a6e9ff
#a6e9ff
rgb(166,233,255)
-
#b9edff
#b9edff
rgb(185,237,255)
-
#cdf2ff
#cdf2ff
rgb(205,242,255)
-
#e1f7ff
#e1f7ff
rgb(225,247,255)
-
#f4fcff
#f4fcff
rgb(244,252,255)
Tones of #30cbff
A tone is produced by adding gray to any pure hue. In this case, #909b9f is the less saturated color, while #30cbff is the most saturated one.
-
#909b9f
#909b9f
rgb(144,155,159)
-
#889fa7
#889fa7
rgb(136,159,167)
-
#80a3af
#80a3af
rgb(128,163,175)
-
#78a7b7
#78a7b7
rgb(120,167,183)
-
#70abbf
#70abbf
rgb(112,171,191)
-
#68afc7
#68afc7
rgb(104,175,199)
-
#60b3cf
#60b3cf
rgb(96,179,207)
-
#58b7d7
#58b7d7
rgb(88,183,215)
-
#50bbdf
#50bbdf
rgb(80,187,223)
-
#48bfe7
#48bfe7
rgb(72,191,231)
-
#40c3ef
#40c3ef
rgb(64,195,239)
-
#38c7f7
#38c7f7
rgb(56,199,247)
-
#30cbff
#30cbff
rgb(48,203,255)
Color Blindness Simulator
Below, you can see how #30cbff 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.