#30bcce Color Information
In a RGB color space, hex #30bcce is composed of 18.8% red, 73.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 8.7% magenta, 0% yellow and 19.2% black. It has a hue angle of 186.8 degrees, a saturation of 62.2% and a lightness of 49.8%. #30bcce color hex could be obtained by blending #60ffff with #00799d. Closest websafe color is: #33cccc.
-
- R 19
- G 74
- B 81
-
- C 77
- M 9
- Y 0
- K 19
● #30bcce color description : Strong cyan.
#30bcce Color Conversion
The hexadecimal color #30bcce has RGB values of R:48, G:188, B:206 and CMYK values of C:0.77, M:0.09, Y:0, K:0.19. Its decimal value is 3194062.
Hex triplet | 30bcce | #30bcce |
---|---|---|
RGB Decimal | 48, 188, 206 | rgb(48,188,206) |
RGB Percent | 18.8, 73.7, 80.8 | rgb(18.8%,73.7%,80.8%) |
CMYK | 77, 9, 0, 19 | |
HSL | 186.8°, 62.2, 49.8 | hsl(186.8,62.2%,49.8%) |
HSV (or HSB) | 186.8°, 76.7, 80.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.21, -29.882, -19.517 |
---|---|
XYZ | 30.34, 41.048, 64.713 |
xyY | 0.223, 0.302, 41.048 |
CIE-LCH | 70.21, 35.691, 213.15 |
CIE-LUV | 70.21, -48.74, -26.14 |
Hunter-Lab | 64.069, -27.593, -15.038 |
Binary | 00110000, 10111100, 11001110 |
Color Schemes with #30bcce
Alternatives to #30bcce
Below, you can see some colors close to #30bcce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30bcce Preview
This text has a font color of #30bcce.
<span style="color:#30bcce;">Text here</span>
This paragraph has a background color of #30bcce.
<p style="background-color:#30bcce;">Content here</p>
This element has a border color of #30bcce.
<div style="border:1px solid #30bcce;">Content here</div>
.text {color:#30bcce;}
.background {background-color:#30bcce;}
.border {border:1px solid #30bcce;}
Shades and Tints of #30bcce
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, #040e0f is the darkest color, while #feffff is the lightest one.
-
#040e0f
#040e0f
rgb(4,14,15)
-
#071c1f
#071c1f
rgb(7,28,31)
-
#0b2b2f
#0b2b2f
rgb(11,43,47)
-
#0f393f
#0f393f
rgb(15,57,63)
-
#12484f
#12484f
rgb(18,72,79)
-
#16565f
#16565f
rgb(22,86,95)
-
#1a656f
#1a656f
rgb(26,101,111)
-
#1d737e
#1d737e
rgb(29,115,126)
-
#21828e
#21828e
rgb(33,130,142)
-
#25909e
#25909e
rgb(37,144,158)
-
#299fae
#299fae
rgb(41,159,174)
-
#2cadbe
#2cadbe
rgb(44,173,190)
-
#30bcce
#30bcce
rgb(48,188,206)
-
#3fc2d2
#3fc2d2
rgb(63,194,210)
-
#4fc7d6
#4fc7d6
rgb(79,199,214)
-
#5fccda
#5fccda
rgb(95,204,218)
-
#6fd1dd
#6fd1dd
rgb(111,209,221)
-
#7fd6e1
#7fd6e1
rgb(127,214,225)
-
#8fdbe5
#8fdbe5
rgb(143,219,229)
-
#9fe0e9
#9fe0e9
rgb(159,224,233)
-
#afe5ec
#afe5ec
rgb(175,229,236)
-
#bfeaf0
#bfeaf0
rgb(191,234,240)
-
#ceeff4
#ceeff4
rgb(206,239,244)
-
#def5f7
#def5f7
rgb(222,245,247)
-
#eefafb
#eefafb
rgb(238,250,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #30bcce
A tone is produced by adding gray to any pure hue. In this case, #7e8080 is the less saturated color, while #09daf5 is the most saturated one.
-
#7e8080
#7e8080
rgb(126,128,128)
-
#74878a
#74878a
rgb(116,135,138)
-
#6b8f93
#6b8f93
rgb(107,143,147)
-
#61969d
#61969d
rgb(97,150,157)
-
#579ea7
#579ea7
rgb(87,158,167)
-
#4da5b1
#4da5b1
rgb(77,165,177)
-
#44adba
#44adba
rgb(68,173,186)
-
#3ab4c4
#3ab4c4
rgb(58,180,196)
-
#30bcce
#30bcce
rgb(48,188,206)
-
#26c4d8
#26c4d8
rgb(38,196,216)
-
#1ccbe2
#1ccbe2
rgb(28,203,226)
-
#13d3eb
#13d3eb
rgb(19,211,235)
-
#09daf5
#09daf5
rgb(9,218,245)
Color Blindness Simulator
Below, you can see how #30bcce 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.