#30a9f0 Color Information
In a RGB color space, hex #30a9f0 is composed of 18.8% red, 66.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 29.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 202.2 degrees, a saturation of 86.5% and a lightness of 56.5%. #30a9f0 color hex could be obtained by blending #60ffff with #0053e1. Closest websafe color is: #3399ff.
-
- R 19
- G 66
- B 94
-
- C 80
- M 30
- Y 0
- K 6
● #30a9f0 color description : Bright blue.
#30a9f0 Color Conversion
The hexadecimal color #30a9f0 has RGB values of R:48, G:169, B:240 and CMYK values of C:0.8, M:0.3, Y:0, K:0.06. Its decimal value is 3189232.
Hex triplet | 30a9f0 | #30a9f0 |
---|---|---|
RGB Decimal | 48, 169, 240 | rgb(48,169,240) |
RGB Percent | 18.8, 66.3, 94.1 | rgb(18.8%,66.3%,94.1%) |
CMYK | 80, 30, 0, 6 | |
HSL | 202.2°, 86.5, 56.5 | hsl(202.2,86.5%,56.5%) |
HSV (or HSB) | 202.2°, 80, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.976, -8.686, -44.679 |
---|---|
XYZ | 31.131, 35.293, 87.605 |
xyY | 0.202, 0.229, 35.293 |
CIE-LCH | 65.976, 45.516, 258.998 |
CIE-LUV | 65.976, -39.965, -70.799 |
Hunter-Lab | 59.408, -10.425, -45.846 |
Binary | 00110000, 10101001, 11110000 |
Color Schemes with #30a9f0
Alternatives to #30a9f0
Below, you can see some colors close to #30a9f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a9f0 Preview
This text has a font color of #30a9f0.
<span style="color:#30a9f0;">Text here</span>
This paragraph has a background color of #30a9f0.
<p style="background-color:#30a9f0;">Content here</p>
This element has a border color of #30a9f0.
<div style="border:1px solid #30a9f0;">Content here</div>
.text {color:#30a9f0;}
.background {background-color:#30a9f0;}
.border {border:1px solid #30a9f0;}
Shades and Tints of #30a9f0
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, #01080c is the darkest color, while #f9fdff is the lightest one.
-
#01080c
#01080c
rgb(1,8,12)
-
#02141f
#02141f
rgb(2,20,31)
-
#042031
#042031
rgb(4,32,49)
-
#052c43
#052c43
rgb(5,44,67)
-
#063856
#063856
rgb(6,56,86)
-
#084468
#084468
rgb(8,68,104)
-
#09507a
#09507a
rgb(9,80,122)
-
#0a5c8d
#0a5c8d
rgb(10,92,141)
-
#0c689f
#0c689f
rgb(12,104,159)
-
#0d74b1
#0d74b1
rgb(13,116,177)
-
#0e80c3
#0e80c3
rgb(14,128,195)
-
#0f8cd6
#0f8cd6
rgb(15,140,214)
-
#1198e8
#1198e8
rgb(17,152,232)
-
#1ea1ef
#1ea1ef
rgb(30,161,239)
-
#30a9f0
#30a9f0
rgb(48,169,240)
-
#42b1f1
#42b1f1
rgb(66,177,241)
-
#55b8f3
#55b8f3
rgb(85,184,243)
-
#67c0f4
#67c0f4
rgb(103,192,244)
-
#79c7f5
#79c7f5
rgb(121,199,245)
-
#8bcff7
#8bcff7
rgb(139,207,247)
-
#9ed7f8
#9ed7f8
rgb(158,215,248)
-
#b0def9
#b0def9
rgb(176,222,249)
-
#c2e6fb
#c2e6fb
rgb(194,230,251)
-
#d5edfc
#d5edfc
rgb(213,237,252)
-
#e7f5fd
#e7f5fd
rgb(231,245,253)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #30a9f0
A tone is produced by adding gray to any pure hue. In this case, #8e9192 is the less saturated color, while #27abf9 is the most saturated one.
-
#8e9192
#8e9192
rgb(142,145,146)
-
#85939b
#85939b
rgb(133,147,155)
-
#7d95a3
#7d95a3
rgb(125,149,163)
-
#7497ac
#7497ac
rgb(116,151,172)
-
#6c99b4
#6c99b4
rgb(108,153,180)
-
#639cbd
#639cbd
rgb(99,156,189)
-
#5b9ec5
#5b9ec5
rgb(91,158,197)
-
#52a0ce
#52a0ce
rgb(82,160,206)
-
#4aa2d6
#4aa2d6
rgb(74,162,214)
-
#41a5df
#41a5df
rgb(65,165,223)
-
#39a7e7
#39a7e7
rgb(57,167,231)
-
#30a9f0
#30a9f0
rgb(48,169,240)
-
#27abf9
#27abf9
rgb(39,171,249)
Color Blindness Simulator
Below, you can see how #30a9f0 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.