#30afbf Color Information
In a RGB color space, hex #30afbf is composed of 18.8% red, 68.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 8.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 186.7 degrees, a saturation of 59.8% and a lightness of 46.9%. #30afbf color hex could be obtained by blending #60ffff with #005f7f. Closest websafe color is: #3399cc.
-
- R 19
- G 69
- B 75
-
- C 75
- M 8
- Y 0
- K 25
● #30afbf color description : Moderate cyan.
#30afbf Color Conversion
The hexadecimal color #30afbf has RGB values of R:48, G:175, B:191 and CMYK values of C:0.75, M:0.08, Y:0, K:0.25. Its decimal value is 3190719.
Hex triplet | 30afbf | #30afbf |
---|---|---|
RGB Decimal | 48, 175, 191 | rgb(48,175,191) |
RGB Percent | 18.8, 68.6, 74.9 | rgb(18.8%,68.6%,74.9%) |
CMYK | 75, 8, 0, 25 | |
HSL | 186.7°, 59.8, 46.9 | hsl(186.7,59.8%,46.9%) |
HSV (or HSB) | 186.7°, 74.9, 74.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.786, -28.157, -17.966 |
---|---|
XYZ | 25.95, 35.048, 54.685 |
xyY | 0.224, 0.303, 35.048 |
CIE-LCH | 65.786, 33.401, 212.541 |
CIE-LUV | 65.786, -45.163, -23.621 |
Hunter-Lab | 59.201, -25.358, -13.326 |
Binary | 00110000, 10101111, 10111111 |
Color Schemes with #30afbf
Alternatives to #30afbf
Below, you can see some colors close to #30afbf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30afbf Preview
This text has a font color of #30afbf.
<span style="color:#30afbf;">Text here</span>
This paragraph has a background color of #30afbf.
<p style="background-color:#30afbf;">Content here</p>
This element has a border color of #30afbf.
<div style="border:1px solid #30afbf;">Content here</div>
.text {color:#30afbf;}
.background {background-color:#30afbf;}
.border {border:1px solid #30afbf;}
Shades and Tints of #30afbf
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, #010303 is the darkest color, while #f2fbfc is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#051113
#051113
rgb(5,17,19)
-
#091f22
#091f22
rgb(9,31,34)
-
#0d2e32
#0d2e32
rgb(13,46,50)
-
#103c42
#103c42
rgb(16,60,66)
-
#144a51
#144a51
rgb(20,74,81)
-
#185961
#185961
rgb(24,89,97)
-
#1c6771
#1c6771
rgb(28,103,113)
-
#207680
#207680
rgb(32,118,128)
-
#248490
#248490
rgb(36,132,144)
-
#2892a0
#2892a0
rgb(40,146,160)
-
#2ca1af
#2ca1af
rgb(44,161,175)
-
#30afbf
#30afbf
rgb(48,175,191)
-
#36bccd
#36bccd
rgb(54,188,205)
-
#46c1d0
#46c1d0
rgb(70,193,208)
-
#55c6d4
#55c6d4
rgb(85,198,212)
-
#65cbd8
#65cbd8
rgb(101,203,216)
-
#75d1dc
#75d1dc
rgb(117,209,220)
-
#84d6e0
#84d6e0
rgb(132,214,224)
-
#94dbe4
#94dbe4
rgb(148,219,228)
-
#a4e0e8
#a4e0e8
rgb(164,224,232)
-
#b4e6ec
#b4e6ec
rgb(180,230,236)
-
#c3ebf0
#c3ebf0
rgb(195,235,240)
-
#d3f0f4
#d3f0f4
rgb(211,240,244)
-
#e3f5f8
#e3f5f8
rgb(227,245,248)
-
#f2fbfc
#f2fbfc
rgb(242,251,252)
Tones of #30afbf
A tone is produced by adding gray to any pure hue. In this case, #707d7f is the less saturated color, while #02d3ed is the most saturated one.
-
#707d7f
#707d7f
rgb(112,125,127)
-
#678488
#678488
rgb(103,132,136)
-
#5e8b91
#5e8b91
rgb(94,139,145)
-
#55929a
#55929a
rgb(85,146,154)
-
#4c9aa3
#4c9aa3
rgb(76,154,163)
-
#42a1ad
#42a1ad
rgb(66,161,173)
-
#39a8b6
#39a8b6
rgb(57,168,182)
-
#30afbf
#30afbf
rgb(48,175,191)
-
#27b6c8
#27b6c8
rgb(39,182,200)
-
#1ebdd1
#1ebdd1
rgb(30,189,209)
-
#14c4db
#14c4db
rgb(20,196,219)
-
#0bcce4
#0bcce4
rgb(11,204,228)
-
#02d3ed
#02d3ed
rgb(2,211,237)
Color Blindness Simulator
Below, you can see how #30afbf 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.