#30affe Color Information
In a RGB color space, hex #30affe is composed of 18.8% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 203 degrees, a saturation of 99% and a lightness of 59.2%. #30affe color hex could be obtained by blending #60ffff with #005ffd. Closest websafe color is: #3399ff.
-
- R 19
- G 69
- B 100
-
- C 81
- M 31
- Y 0
- K 0
● #30affe color description : Bright blue.
#30affe Color Conversion
The hexadecimal color #30affe has RGB values of R:48, G:175, B:254 and CMYK values of C:0.81, M:0.31, Y:0, K:0. Its decimal value is 3190782.
Hex triplet | 30affe | #30affe |
---|---|---|
RGB Decimal | 48, 175, 254 | rgb(48,175,254) |
RGB Percent | 18.8, 68.6, 99.6 | rgb(18.8%,68.6%,99.6%) |
CMYK | 81, 31, 0, 0 | |
HSL | 203°, 99, 59.2 | hsl(203,99%,59.2%) |
HSV (or HSB) | 203°, 81.1, 99.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.344, -7.114, -48.573 |
---|---|
XYZ | 34.434, 38.441, 99.366 |
xyY | 0.2, 0.223, 38.441 |
CIE-LCH | 68.344, 49.091, 261.668 |
CIE-LUV | 68.344, -41.172, -78.002 |
Hunter-Lab | 62.001, -9.366, -51.62 |
Binary | 00110000, 10101111, 11111110 |
Color Schemes with #30affe
Alternatives to #30affe
Below, you can see some colors close to #30affe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30affe Preview
This text has a font color of #30affe.
<span style="color:#30affe;">Text here</span>
This paragraph has a background color of #30affe.
<p style="background-color:#30affe;">Content here</p>
This element has a border color of #30affe.
<div style="border:1px solid #30affe;">Content here</div>
.text {color:#30affe;}
.background {background-color:#30affe;}
.border {border:1px solid #30affe;}
Shades and Tints of #30affe
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, #000508 is the darkest color, while #f3faff is the lightest one.
-
#000508
#000508
rgb(0,5,8)
-
#00111b
#00111b
rgb(0,17,27)
-
#001d2f
#001d2f
rgb(0,29,47)
-
#002942
#002942
rgb(0,41,66)
-
#003556
#003556
rgb(0,53,86)
-
#014169
#014169
rgb(1,65,105)
-
#014d7d
#014d7d
rgb(1,77,125)
-
#015990
#015990
rgb(1,89,144)
-
#0165a4
#0165a4
rgb(1,101,164)
-
#0171b7
#0171b7
rgb(1,113,183)
-
#017dcb
#017dcb
rgb(1,125,203)
-
#018ade
#018ade
rgb(1,138,222)
-
#0196f2
#0196f2
rgb(1,150,242)
-
#09a0fe
#09a0fe
rgb(9,160,254)
-
#1ca7fe
#1ca7fe
rgb(28,167,254)
-
#30affe
#30affe
rgb(48,175,254)
-
#44b7fe
#44b7fe
rgb(68,183,254)
-
#57befe
#57befe
rgb(87,190,254)
-
#6bc6fe
#6bc6fe
rgb(107,198,254)
-
#7ecdfe
#7ecdfe
rgb(126,205,254)
-
#92d5fe
#92d5fe
rgb(146,213,254)
-
#a5dcff
#a5dcff
rgb(165,220,255)
-
#b9e4ff
#b9e4ff
rgb(185,228,255)
-
#ccebff
#ccebff
rgb(204,235,255)
-
#e0f3ff
#e0f3ff
rgb(224,243,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #30affe
A tone is produced by adding gray to any pure hue. In this case, #90999e is the less saturated color, while #30affe is the most saturated one.
-
#90999e
#90999e
rgb(144,153,158)
-
#889aa6
#889aa6
rgb(136,154,166)
-
#809cae
#809cae
rgb(128,156,174)
-
#789eb6
#789eb6
rgb(120,158,182)
-
#70a0be
#70a0be
rgb(112,160,190)
-
#68a2c6
#68a2c6
rgb(104,162,198)
-
#60a4ce
#60a4ce
rgb(96,164,206)
-
#58a6d6
#58a6d6
rgb(88,166,214)
-
#50a8de
#50a8de
rgb(80,168,222)
-
#48a9e6
#48a9e6
rgb(72,169,230)
-
#40abee
#40abee
rgb(64,171,238)
-
#38adf6
#38adf6
rgb(56,173,246)
-
#30affe
#30affe
rgb(48,175,254)
Color Blindness Simulator
Below, you can see how #30affe 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.