#30aae1 Color Information
In a RGB color space, hex #30aae1 is composed of 18.8% red, 66.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 24.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 198.6 degrees, a saturation of 74.7% and a lightness of 53.5%. #30aae1 color hex could be obtained by blending #60ffff with #0055c3. Closest websafe color is: #3399cc.
-
- R 19
- G 67
- B 88
-
- C 79
- M 24
- Y 0
- K 12
● #30aae1 color description : Bright blue.
#30aae1 Color Conversion
The hexadecimal color #30aae1 has RGB values of R:48, G:170, B:225 and CMYK values of C:0.79, M:0.24, Y:0, K:0.12. Its decimal value is 3189473.
Hex triplet | 30aae1 | #30aae1 |
---|---|---|
RGB Decimal | 48, 170, 225 | rgb(48,170,225) |
RGB Percent | 18.8, 66.7, 88.2 | rgb(18.8%,66.7%,88.2%) |
CMYK | 79, 24, 0, 12 | |
HSL | 198.6°, 74.7, 53.5 | hsl(198.6,74.7%,53.5%) |
HSV (or HSB) | 198.6°, 78.7, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.602, -14.426, -37.038 |
---|---|
XYZ | 29.181, 34.811, 76.411 |
xyY | 0.208, 0.248, 34.811 |
CIE-LCH | 65.602, 39.749, 248.72 |
CIE-LUV | 65.602, -41.198, -57.111 |
Hunter-Lab | 59.001, -14.97, -35.484 |
Binary | 00110000, 10101010, 11100001 |
Color Schemes with #30aae1
Alternatives to #30aae1
Below, you can see some colors close to #30aae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30aae1 Preview
This text has a font color of #30aae1.
<span style="color:#30aae1;">Text here</span>
This paragraph has a background color of #30aae1.
<p style="background-color:#30aae1;">Content here</p>
This element has a border color of #30aae1.
<div style="border:1px solid #30aae1;">Content here</div>
.text {color:#30aae1;}
.background {background-color:#30aae1;}
.border {border:1px solid #30aae1;}
Shades and Tints of #30aae1
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, #020c10 is the darkest color, while #fefeff is the lightest one.
-
#020c10
#020c10
rgb(2,12,16)
-
#051821
#051821
rgb(5,24,33)
-
#072532
#072532
rgb(7,37,50)
-
#0a3143
#0a3143
rgb(10,49,67)
-
#0c3e54
#0c3e54
rgb(12,62,84)
-
#0f4a65
#0f4a65
rgb(15,74,101)
-
#115777
#115777
rgb(17,87,119)
-
#146488
#146488
rgb(20,100,136)
-
#167099
#167099
rgb(22,112,153)
-
#197daa
#197daa
rgb(25,125,170)
-
#1b89bb
#1b89bb
rgb(27,137,187)
-
#1e96cc
#1e96cc
rgb(30,150,204)
-
#20a3dd
#20a3dd
rgb(32,163,221)
-
#30aae1
#30aae1
rgb(48,170,225)
-
#41b1e3
#41b1e3
rgb(65,177,227)
-
#52b8e6
#52b8e6
rgb(82,184,230)
-
#63bfe8
#63bfe8
rgb(99,191,232)
-
#75c6eb
#75c6eb
rgb(117,198,235)
-
#86cded
#86cded
rgb(134,205,237)
-
#97d4f0
#97d4f0
rgb(151,212,240)
-
#a8dbf2
#a8dbf2
rgb(168,219,242)
-
#b9e2f5
#b9e2f5
rgb(185,226,245)
-
#cae9f7
#cae9f7
rgb(202,233,247)
-
#dbf0fa
#dbf0fa
rgb(219,240,250)
-
#ecf7fc
#ecf7fc
rgb(236,247,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #30aae1
A tone is produced by adding gray to any pure hue. In this case, #828b8f is the less saturated color, while #15b4fc is the most saturated one.
-
#828b8f
#828b8f
rgb(130,139,143)
-
#798e98
#798e98
rgb(121,142,152)
-
#7092a1
#7092a1
rgb(112,146,161)
-
#6795aa
#6795aa
rgb(103,149,170)
-
#5e99b3
#5e99b3
rgb(94,153,179)
-
#549cbd
#549cbd
rgb(84,156,189)
-
#4ba0c6
#4ba0c6
rgb(75,160,198)
-
#42a3cf
#42a3cf
rgb(66,163,207)
-
#39a7d8
#39a7d8
rgb(57,167,216)
-
#30aae1
#30aae1
rgb(48,170,225)
-
#27adea
#27adea
rgb(39,173,234)
-
#1eb1f3
#1eb1f3
rgb(30,177,243)
-
#15b4fc
#15b4fc
rgb(21,180,252)
Color Blindness Simulator
Below, you can see how #30aae1 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.