#30afbe Color Information
In a RGB color space, hex #30afbe is composed of 18.8% red, 68.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 7.9% magenta, 0% yellow and 25.5% black. It has a hue angle of 186.3 degrees, a saturation of 59.7% and a lightness of 46.7%. #30afbe color hex could be obtained by blending #60ffff with #005f7d. Closest websafe color is: #3399cc.
-
- R 19
- G 69
- B 75
-
- C 75
- M 8
- Y 0
- K 25
● #30afbe color description : Moderate cyan.
#30afbe Color Conversion
The hexadecimal color #30afbe has RGB values of R:48, G:175, B:190 and CMYK values of C:0.75, M:0.08, Y:0, K:0.25. Its decimal value is 3190718.
Hex triplet | 30afbe | #30afbe |
---|---|---|
RGB Decimal | 48, 175, 190 | rgb(48,175,190) |
RGB Percent | 18.8, 68.6, 74.5 | rgb(18.8%,68.6%,74.5%) |
CMYK | 75, 8, 0, 25 | |
HSL | 186.3°, 59.7, 46.7 | hsl(186.3,59.7%,46.7%) |
HSV (or HSB) | 186.3°, 74.7, 74.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.752, -28.467, -17.463 |
---|---|
XYZ | 25.84, 35.004, 54.107 |
xyY | 0.225, 0.305, 35.004 |
CIE-LCH | 65.752, 33.397, 211.527 |
CIE-LUV | 65.752, -45.231, -22.761 |
Hunter-Lab | 59.164, -25.575, -12.807 |
Binary | 00110000, 10101111, 10111110 |
Color Schemes with #30afbe
Alternatives to #30afbe
Below, you can see some colors close to #30afbe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30afbe Preview
This text has a font color of #30afbe.
<span style="color:#30afbe;">Text here</span>
This paragraph has a background color of #30afbe.
<p style="background-color:#30afbe;">Content here</p>
This element has a border color of #30afbe.
<div style="border:1px solid #30afbe;">Content here</div>
.text {color:#30afbe;}
.background {background-color:#30afbe;}
.border {border:1px solid #30afbe;}
Shades and Tints of #30afbe
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, #010202 is the darkest color, while #f1fbfc is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#041012
#041012
rgb(4,16,18)
-
#081f21
#081f21
rgb(8,31,33)
-
#0c2d31
#0c2d31
rgb(12,45,49)
-
#103c41
#103c41
rgb(16,60,65)
-
#144a50
#144a50
rgb(20,74,80)
-
#185860
#185860
rgb(24,88,96)
-
#1c6770
#1c6770
rgb(28,103,112)
-
#20757f
#20757f
rgb(32,117,127)
-
#24848f
#24848f
rgb(36,132,143)
-
#28929f
#28929f
rgb(40,146,159)
-
#2ca1ae
#2ca1ae
rgb(44,161,174)
-
#30afbe
#30afbe
rgb(48,175,190)
-
#36bccc
#36bccc
rgb(54,188,204)
-
#45c1d0
#45c1d0
rgb(69,193,208)
-
#55c7d4
#55c7d4
rgb(85,199,212)
-
#64ccd8
#64ccd8
rgb(100,204,216)
-
#74d1dc
#74d1dc
rgb(116,209,220)
-
#84d6e0
#84d6e0
rgb(132,214,224)
-
#93dbe4
#93dbe4
rgb(147,219,228)
-
#a3e1e8
#a3e1e8
rgb(163,225,232)
-
#b3e6ec
#b3e6ec
rgb(179,230,236)
-
#c2ebf0
#c2ebf0
rgb(194,235,240)
-
#d2f0f4
#d2f0f4
rgb(210,240,244)
-
#e2f5f8
#e2f5f8
rgb(226,245,248)
-
#f1fbfc
#f1fbfc
rgb(241,251,252)
Tones of #30afbe
A tone is produced by adding gray to any pure hue. In this case, #707c7e is the less saturated color, while #02d3ec is the most saturated one.
-
#707c7e
#707c7e
rgb(112,124,126)
-
#678487
#678487
rgb(103,132,135)
-
#5e8b90
#5e8b90
rgb(94,139,144)
-
#559299
#559299
rgb(85,146,153)
-
#4b99a3
#4b99a3
rgb(75,153,163)
-
#42a1ac
#42a1ac
rgb(66,161,172)
-
#39a8b5
#39a8b5
rgb(57,168,181)
-
#30afbe
#30afbe
rgb(48,175,190)
-
#27b6c7
#27b6c7
rgb(39,182,199)
-
#1ebdd0
#1ebdd0
rgb(30,189,208)
-
#15c5d9
#15c5d9
rgb(21,197,217)
-
#0bcce3
#0bcce3
rgb(11,204,227)
-
#02d3ec
#02d3ec
rgb(2,211,236)
Color Blindness Simulator
Below, you can see how #30afbe 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.