#30d8df Color Information
In a RGB color space, hex #30d8df is composed of 18.8% red, 84.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 3.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 182.4 degrees, a saturation of 73.2% and a lightness of 53.1%. #30d8df color hex could be obtained by blending #60ffff with #00b1bf. Closest websafe color is: #33cccc.
-
- R 19
- G 85
- B 87
-
- C 78
- M 3
- Y 0
- K 13
● #30d8df color description : Bright cyan.
#30d8df Color Conversion
The hexadecimal color #30d8df has RGB values of R:48, G:216, B:223 and CMYK values of C:0.78, M:0.03, Y:0, K:0.13. Its decimal value is 3201247.
Hex triplet | 30d8df | #30d8df |
---|---|---|
RGB Decimal | 48, 216, 223 | rgb(48,216,223) |
RGB Percent | 18.8, 84.7, 87.5 | rgb(18.8%,84.7%,87.5%) |
CMYK | 78, 3, 0, 13 | |
HSL | 182.4°, 73.2, 53.1 | hsl(182.4,73.2%,53.1%) |
HSV (or HSB) | 182.4°, 78.5, 87.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 79.078, -37.988, -15.313 |
---|---|
XYZ | 39.09, 55.064, 78.376 |
xyY | 0.227, 0.319, 55.064 |
CIE-LCH | 79.078, 40.959, 201.955 |
CIE-LUV | 79.078, -57.278, -18.387 |
Hunter-Lab | 74.205, -35.828, -10.679 |
Binary | 00110000, 11011000, 11011111 |
Color Schemes with #30d8df
Alternatives to #30d8df
Below, you can see some colors close to #30d8df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30d8df Preview
This text has a font color of #30d8df.
<span style="color:#30d8df;">Text here</span>
This paragraph has a background color of #30d8df.
<p style="background-color:#30d8df;">Content here</p>
This element has a border color of #30d8df.
<div style="border:1px solid #30d8df;">Content here</div>
.text {color:#30d8df;}
.background {background-color:#30d8df;}
.border {border:1px solid #30d8df;}
Shades and Tints of #30d8df
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, #020d0e is the darkest color, while #fcfeff is the lightest one.
-
#020d0e
#020d0e
rgb(2,13,14)
-
#051e1f
#051e1f
rgb(5,30,31)
-
#072e30
#072e30
rgb(7,46,48)
-
#0a3f41
#0a3f41
rgb(10,63,65)
-
#0d4f52
#0d4f52
rgb(13,79,82)
-
#0f5f63
#0f5f63
rgb(15,95,99)
-
#127074
#127074
rgb(18,112,116)
-
#158085
#158085
rgb(21,128,133)
-
#179196
#179196
rgb(23,145,150)
-
#1aa1a7
#1aa1a7
rgb(26,161,167)
-
#1cb2b8
#1cb2b8
rgb(28,178,184)
-
#1fc2c9
#1fc2c9
rgb(31,194,201)
-
#22d2da
#22d2da
rgb(34,210,218)
-
#30d8df
#30d8df
rgb(48,216,223)
-
#41dbe2
#41dbe2
rgb(65,219,226)
-
#52dee4
#52dee4
rgb(82,222,228)
-
#63e2e7
#63e2e7
rgb(99,226,231)
-
#74e5ea
#74e5ea
rgb(116,229,234)
-
#85e8ec
#85e8ec
rgb(133,232,236)
-
#96ebef
#96ebef
rgb(150,235,239)
-
#a7eef1
#a7eef1
rgb(167,238,241)
-
#b8f2f4
#b8f2f4
rgb(184,242,244)
-
#c9f5f7
#c9f5f7
rgb(201,245,247)
-
#daf8f9
#daf8f9
rgb(218,248,249)
-
#ebfbfc
#ebfbfc
rgb(235,251,252)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #30d8df
A tone is produced by adding gray to any pure hue. In this case, #838c8c is the less saturated color, while #14f1fb is the most saturated one.
-
#838c8c
#838c8c
rgb(131,140,140)
-
#7a9495
#7a9495
rgb(122,148,149)
-
#709d9f
#709d9f
rgb(112,157,159)
-
#67a5a8
#67a5a8
rgb(103,165,168)
-
#5eaeb1
#5eaeb1
rgb(94,174,177)
-
#55b6ba
#55b6ba
rgb(85,182,186)
-
#4cbfc3
#4cbfc3
rgb(76,191,195)
-
#42c7cd
#42c7cd
rgb(66,199,205)
-
#39d0d6
#39d0d6
rgb(57,208,214)
-
#30d8df
#30d8df
rgb(48,216,223)
-
#27e0e8
#27e0e8
rgb(39,224,232)
-
#1ee9f1
#1ee9f1
rgb(30,233,241)
-
#14f1fb
#14f1fb
rgb(20,241,251)
Color Blindness Simulator
Below, you can see how #30d8df 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.