#30ade4 Color Information
In a RGB color space, hex #30ade4 is composed of 18.8% red, 67.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 24.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 198.3 degrees, a saturation of 76.9% and a lightness of 54.1%. #30ade4 color hex could be obtained by blending #60ffff with #005bc9. Closest websafe color is: #3399cc.
-
- R 19
- G 68
- B 89
-
- C 79
- M 24
- Y 0
- K 11
● #30ade4 color description : Bright blue.
#30ade4 Color Conversion
The hexadecimal color #30ade4 has RGB values of R:48, G:173, B:228 and CMYK values of C:0.79, M:0.24, Y:0, K:0.11. Its decimal value is 3190244.
Hex triplet | 30ade4 | #30ade4 |
---|---|---|
RGB Decimal | 48, 173, 228 | rgb(48,173,228) |
RGB Percent | 18.8, 67.8, 89.4 | rgb(18.8%,67.8%,89.4%) |
CMYK | 79, 24, 0, 11 | |
HSL | 198.3°, 76.9, 54.1 | hsl(198.3,76.9%,54.1%) |
HSV (or HSB) | 198.3°, 78.9, 89.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.607, -15.019, -37.119 |
---|---|
XYZ | 30.162, 36.114, 78.776 |
xyY | 0.208, 0.249, 36.114 |
CIE-LCH | 66.607, 40.043, 247.971 |
CIE-LUV | 66.607, -42.046, -57.3 |
Hunter-Lab | 60.095, -15.575, -35.654 |
Binary | 00110000, 10101101, 11100100 |
Color Schemes with #30ade4
Alternatives to #30ade4
Below, you can see some colors close to #30ade4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30ade4 Preview
This text has a font color of #30ade4.
<span style="color:#30ade4;">Text here</span>
This paragraph has a background color of #30ade4.
<p style="background-color:#30ade4;">Content here</p>
This element has a border color of #30ade4.
<div style="border:1px solid #30ade4;">Content here</div>
.text {color:#30ade4;}
.background {background-color:#30ade4;}
.border {border:1px solid #30ade4;}
Shades and Tints of #30ade4
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 #eff9fd is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#020e13
#020e13
rgb(2,14,19)
-
#051a24
#051a24
rgb(5,26,36)
-
#072735
#072735
rgb(7,39,53)
-
#093447
#093447
rgb(9,52,71)
-
#0b4158
#0b4158
rgb(11,65,88)
-
#0e4d69
#0e4d69
rgb(14,77,105)
-
#105a7b
#105a7b
rgb(16,90,123)
-
#12678c
#12678c
rgb(18,103,140)
-
#15749d
#15749d
rgb(21,116,157)
-
#1780af
#1780af
rgb(23,128,175)
-
#198dc0
#198dc0
rgb(25,141,192)
-
#1b9ad1
#1b9ad1
rgb(27,154,209)
-
#1fa6e2
#1fa6e2
rgb(31,166,226)
-
#30ade4
#30ade4
rgb(48,173,228)
-
#41b4e6
#41b4e6
rgb(65,180,230)
-
#53bbe9
#53bbe9
rgb(83,187,233)
-
#64c2eb
#64c2eb
rgb(100,194,235)
-
#75c8ed
#75c8ed
rgb(117,200,237)
-
#87cfef
#87cfef
rgb(135,207,239)
-
#98d6f2
#98d6f2
rgb(152,214,242)
-
#a9ddf4
#a9ddf4
rgb(169,221,244)
-
#bbe4f6
#bbe4f6
rgb(187,228,246)
-
#ccebf8
#ccebf8
rgb(204,235,248)
-
#def2fb
#def2fb
rgb(222,242,251)
-
#eff9fd
#eff9fd
rgb(239,249,253)
Tones of #30ade4
A tone is produced by adding gray to any pure hue. In this case, #8a8a8a is the less saturated color, while #1eb4f6 is the most saturated one.
-
#8a8a8a
#8a8a8a
rgb(138,138,138)
-
#818e93
#818e93
rgb(129,142,147)
-
#78919c
#78919c
rgb(120,145,156)
-
#6f95a5
#6f95a5
rgb(111,149,165)
-
#6698ae
#6698ae
rgb(102,152,174)
-
#5d9cb7
#5d9cb7
rgb(93,156,183)
-
#549fc0
#549fc0
rgb(84,159,192)
-
#4ba3c9
#4ba3c9
rgb(75,163,201)
-
#42a6d2
#42a6d2
rgb(66,166,210)
-
#39aadb
#39aadb
rgb(57,170,219)
-
#30ade4
#30ade4
rgb(48,173,228)
-
#27b1ed
#27b1ed
rgb(39,177,237)
-
#1eb4f6
#1eb4f6
rgb(30,180,246)
Color Blindness Simulator
Below, you can see how #30ade4 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.