#30b5f7 Color Information
In a RGB color space, hex #30b5f7 is composed of 18.8% red, 71% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 26.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 199.9 degrees, a saturation of 92.6% and a lightness of 57.8%. #30b5f7 color hex could be obtained by blending #60ffff with #006bef. Closest websafe color is: #33ccff.
-
- R 19
- G 71
- B 97
-
- C 81
- M 27
- Y 0
- K 3
● #30b5f7 color description : Bright blue.
#30b5f7 Color Conversion
The hexadecimal color #30b5f7 has RGB values of R:48, G:181, B:247 and CMYK values of C:0.81, M:0.27, Y:0, K:0.03. Its decimal value is 3192311.
Hex triplet | 30b5f7 | #30b5f7 |
---|---|---|
RGB Decimal | 48, 181, 247 | rgb(48,181,247) |
RGB Percent | 18.8, 71, 96.9 | rgb(18.8%,71%,96.9%) |
CMYK | 81, 27, 0, 3 | |
HSL | 199.9°, 92.6, 57.8 | hsl(199.9,92.6%,57.8%) |
HSV (or HSB) | 199.9°, 80.6, 96.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.745, -12.831, -42.578 |
---|---|
XYZ | 34.527, 40.388, 93.967 |
xyY | 0.204, 0.239, 40.388 |
CIE-LCH | 69.745, 44.47, 253.23 |
CIE-LUV | 69.745, -43.602, -67.274 |
Hunter-Lab | 63.552, -14.239, -43.179 |
Binary | 00110000, 10110101, 11110111 |
Color Schemes with #30b5f7
Alternatives to #30b5f7
Below, you can see some colors close to #30b5f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30b5f7 Preview
This text has a font color of #30b5f7.
<span style="color:#30b5f7;">Text here</span>
This paragraph has a background color of #30b5f7.
<p style="background-color:#30b5f7;">Content here</p>
This element has a border color of #30b5f7.
<div style="border:1px solid #30b5f7;">Content here</div>
.text {color:#30b5f7;}
.background {background-color:#30b5f7;}
.border {border:1px solid #30b5f7;}
Shades and Tints of #30b5f7
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, #000101 is the darkest color, while #edf9fe is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#010d14
#010d14
rgb(1,13,20)
-
#011a27
#011a27
rgb(1,26,39)
-
#022739
#022739
rgb(2,39,57)
-
#03344c
#03344c
rgb(3,52,76)
-
#04415f
#04415f
rgb(4,65,95)
-
#044e72
#044e72
rgb(4,78,114)
-
#055b85
#055b85
rgb(5,91,133)
-
#066798
#066798
rgb(6,103,152)
-
#0774ab
#0774ab
rgb(7,116,171)
-
#0781be
#0781be
rgb(7,129,190)
-
#088ed0
#088ed0
rgb(8,142,208)
-
#099be3
#099be3
rgb(9,155,227)
-
#0aa7f6
#0aa7f6
rgb(10,167,246)
-
#1daef6
#1daef6
rgb(29,174,246)
-
#30b5f7
#30b5f7
rgb(48,181,247)
-
#43bcf8
#43bcf8
rgb(67,188,248)
-
#56c3f8
#56c3f8
rgb(86,195,248)
-
#69c9f9
#69c9f9
rgb(105,201,249)
-
#7cd0fa
#7cd0fa
rgb(124,208,250)
-
#8ed7fb
#8ed7fb
rgb(142,215,251)
-
#a1defb
#a1defb
rgb(161,222,251)
-
#b4e4fc
#b4e4fc
rgb(180,228,252)
-
#c7ebfd
#c7ebfd
rgb(199,235,253)
-
#daf2fe
#daf2fe
rgb(218,242,254)
-
#edf9fe
#edf9fe
rgb(237,249,254)
Tones of #30b5f7
A tone is produced by adding gray to any pure hue. In this case, #939494 is the less saturated color, while #30b5f7 is the most saturated one.
-
#939494
#939494
rgb(147,148,148)
-
#8b969c
#8b969c
rgb(139,150,156)
-
#8399a4
#8399a4
rgb(131,153,164)
-
#7a9cad
#7a9cad
rgb(122,156,173)
-
#729fb5
#729fb5
rgb(114,159,181)
-
#6aa2bd
#6aa2bd
rgb(106,162,189)
-
#62a4c5
#62a4c5
rgb(98,164,197)
-
#59a7ce
#59a7ce
rgb(89,167,206)
-
#51aad6
#51aad6
rgb(81,170,214)
-
#49adde
#49adde
rgb(73,173,222)
-
#41afe6
#41afe6
rgb(65,175,230)
-
#38b2ef
#38b2ef
rgb(56,178,239)
-
#30b5f7
#30b5f7
rgb(48,181,247)
Color Blindness Simulator
Below, you can see how #30b5f7 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.