#30cad4 hex color

In a RGB color space, hex #30cad4 is composed of 18.8% red, 79.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 4.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 183.7 degrees, a saturation of 65.6% and a lightness of 51%. #30cad4 color hex could be obtained by blending #60ffff with #0095a9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 79
- B 83
RGB color chart
- C 77
- M 5
- Y 0
- K 17
CMYK color chart

● #30cad4 color description : Strong cyan.

The hexadecimal color #30cad4 has RGB values of R:48, G:202, B:212 and CMYK values of C:0.77, M:0.05, Y:0, K:0.17. Its decimal value is 3197652.

Hex triplet	30cad4	`#30cad4`
RGB Decimal	48, 202, 212	`rgb(48,202,212)`
RGB Percent	18.8, 79.2, 83.1	`rgb(18.8%,79.2%,83.1%)`
CMYK	77, 5, 0, 17
HSL	183.7°, 65.6, 51	`hsl(183.7,65.6%,51%)`
HSV (or HSB)	183.7°, 77.4, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.584, -34.751, -16.164
XYZ	34.22, 47.62, 69.672
xyY	0.226, 0.314, 47.62
CIE-LCH	74.584, 38.327, 204.944
CIE-LUV	74.584, -53.222, -20.119
Hunter-Lab	69.007, -32.247, -11.556
Binary	00110000, 11001010, 11010100

#30cad4
```
#30cad4 rgb(48,202,212)
```
#d43a30
```
#d43a30 rgb(212,58,48)
```

Complementary Color

#30d48c
```
#30d48c rgb(48,212,140)
```
#30cad4
```
#30cad4 rgb(48,202,212)
```
#3078d4
```
#3078d4 rgb(48,120,212)
```

Analogous Color

#d48c30
```
#d48c30 rgb(212,140,48)
```
#30cad4
```
#30cad4 rgb(48,202,212)
```
#d43078
```
#d43078 rgb(212,48,120)
```

Split Complementary Color

#cad430
```
#cad430 rgb(202,212,48)
```
#30cad4
```
#30cad4 rgb(48,202,212)
```
#d430ca
```
#d430ca rgb(212,48,202)
```

Triadic Color

#30d43a
```
#30d43a rgb(48,212,58)
```
#30cad4
```
#30cad4 rgb(48,202,212)
```
#d430ca
```
#d430ca rgb(212,48,202)
```
#d43a30
```
#d43a30 rgb(212,58,48)
```

Tetradic Color

#209198
```
#209198 rgb(32,145,152)
```
#24a5ad
```
#24a5ad rgb(36,165,173)
```
#28b9c2
```
#28b9c2 rgb(40,185,194)
```
#30cad4
```
#30cad4 rgb(48,202,212)
```
#45cfd8
```
#45cfd8 rgb(69,207,216)
```
#5ad5dd
```
#5ad5dd rgb(90,213,221)
```
#6fdae1
```
#6fdae1 rgb(111,218,225)
```

Monochromatic Color

Below, you can see some colors close to #30cad4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#30d4b5
```
#30d4b5 rgb(48,212,181)
```
#30d4c3
```
#30d4c3 rgb(48,212,195)
```
#30d4d0
```
#30d4d0 rgb(48,212,208)
```
#30cad4
```
#30cad4 rgb(48,202,212)
```
#30bcd4
```
#30bcd4 rgb(48,188,212)
```
#30afd4
```
#30afd4 rgb(48,175,212)
```
#30a1d4
```
#30a1d4 rgb(48,161,212)
```

Similar Colors

Text with hexadecimal color #30cad4

This text has a font color of #30cad4.

<span style="color:#30cad4;">Text here</span>

#30cad4 background color

This paragraph has a background color of #30cad4.

<p style="background-color:#30cad4;">Content here</p>

#30cad4 border color

This element has a border color of #30cad4.

<div style="border:1px solid #30cad4;">Content here</div>

CSS codes

.text {color:#30cad4;}

.background {background-color:#30cad4;}

.border {border:1px solid #30cad4;}

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, #010404 is the darkest color, while #f3fcfc is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#041314
```
#041314 rgb(4,19,20)
```
#082325
```
#082325 rgb(8,35,37)
```
#0b3235
```
#0b3235 rgb(11,50,53)
```
#0e4245
```
#0e4245 rgb(14,66,69)
```
#125155
```
#125155 rgb(18,81,85)
```
#156166
```
#156166 rgb(21,97,102)
```
#187076
```
#187076 rgb(24,112,118)
```
#1c8086
```
#1c8086 rgb(28,128,134)
```
#1f8f96
```
#1f8f96 rgb(31,143,150)
```
#239fa7
```
#239fa7 rgb(35,159,167)
```
#26aeb7
```
#26aeb7 rgb(38,174,183)
```
#29bdc7
```
#29bdc7 rgb(41,189,199)
```

Shade Color Variation

#30cad4
```
#30cad4 rgb(48,202,212)
```
#40ced7
```
#40ced7 rgb(64,206,215)
```
#50d2db
```
#50d2db rgb(80,210,219)
```
#61d6de
```
#61d6de rgb(97,214,222)
```
#71dbe1
```
#71dbe1 rgb(113,219,225)
```
#81dfe5
```
#81dfe5 rgb(129,223,229)
```
#91e3e8
```
#91e3e8 rgb(145,227,232)
```
#a2e7ec
```
#a2e7ec rgb(162,231,236)
```
#b2ebef
```
#b2ebef rgb(178,235,239)
```
#c2eff2
```
#c2eff2 rgb(194,239,242)
```
#d2f4f6
```
#d2f4f6 rgb(210,244,246)
```
#e3f8f9
```
#e3f8f9 rgb(227,248,249)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8687 is the less saturated color, while #0aecfa is the most saturated one.

#7d8687
```
#7d8687 rgb(125,134,135)
```
#738f91
```
#738f91 rgb(115,143,145)
```
#6a979a
```
#6a979a rgb(106,151,154)
```
#60a0a4
```
#60a0a4 rgb(96,160,164)
```
#56a8ae
```
#56a8ae rgb(86,168,174)
```
#4db1b7
```
#4db1b7 rgb(77,177,183)
```
#43b9c1
```
#43b9c1 rgb(67,185,193)
```
#3ac2ca
```
#3ac2ca rgb(58,194,202)
```
#30cad4
```
#30cad4 rgb(48,202,212)
```
#26d2de
```
#26d2de rgb(38,210,222)
```
#1ddbe7
```
#1ddbe7 rgb(29,219,231)
```
#13e3f1
```
#13e3f1 rgb(19,227,241)
```
#0aecfa
```
#0aecfa rgb(10,236,250)
```

Tone Color Variation

Below, you can see how #30cad4 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.

Monochromacy

#9d9d9d Achromatopsia 0.005% of the population
#87a6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b9cb Protanopia 1% of men
#bab7de Deuteranopia 1% of men
#3fcbda Tritanopia 0.001% of the population

Trichromacy

#87bfce Protanomaly 1% of men, 0.01% of women
#87beda Deuteranomaly 6% of men, 0.4% of women
#39cbd8 Tritanomaly 0.01% of the population

#30cad4 hex color

#30cad4 Color Information

#30cad4 Color Conversion

Color Schemes with #30cad4

Alternatives to #30cad4

#30cad4 Preview

Shades and Tints of #30cad4

Tones of #30cad4

Color Blindness Simulator