#30c9c4 hex color

In a RGB color space, hex #30c9c4 is composed of 18.8% red, 78.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 2.5% yellow and 21.2% black. It has a hue angle of 178 degrees, a saturation of 61.4% and a lightness of 48.8%. #30c9c4 color hex could be obtained by blending #60ffff with #009389. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 79
- B 77
RGB color chart
- C 76
- M 0
- Y 2
- K 21
CMYK color chart

● #30c9c4 color description : Strong cyan.

The hexadecimal color #30c9c4 has RGB values of R:48, G:201, B:196 and CMYK values of C:0.76, M:0, Y:0.02, K:0.21. Its decimal value is 3197380.

Hex triplet	30c9c4	`#30c9c4`
RGB Decimal	48, 201, 196	`rgb(48,201,196)`
RGB Percent	18.8, 78.8, 76.9	`rgb(18.8%,78.8%,76.9%)`
CMYK	76, 0, 2, 21
HSL	178°, 61.4, 48.8	`hsl(178,61.4%,48.8%)`
HSV (or HSB)	178°, 76.1, 78.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.794, -38.968, -8.68
XYZ	32.066, 46.384, 59.485
xyY	0.232, 0.336, 46.384
CIE-LCH	73.794, 39.923, 192.558
CIE-LUV	73.794, -54.02, -7.397
Hunter-Lab	68.106, -35.142, -4.111
Binary	00110000, 11001001, 11000100

#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#c93035
```
#c93035 rgb(201,48,53)
```

Complementary Color

#30c978
```
#30c978 rgb(48,201,120)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#3082c9
```
#3082c9 rgb(48,130,201)
```

Analogous Color

#c97830
```
#c97830 rgb(201,120,48)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#c93082
```
#c93082 rgb(201,48,130)
```

Split Complementary Color

#c9c430
```
#c9c430 rgb(201,196,48)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#c430c9
```
#c430c9 rgb(196,48,201)
```

Triadic Color

#35c930
```
#35c930 rgb(53,201,48)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#c430c9
```
#c430c9 rgb(196,48,201)
```
#c93035
```
#c93035 rgb(201,48,53)
```

Tetradic Color

#218b88
```
#218b88 rgb(33,139,136)
```
#26a09c
```
#26a09c rgb(38,160,156)
```
#2bb4b0
```
#2bb4b0 rgb(43,180,176)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#41d2cd
```
#41d2cd rgb(65,210,205)
```
#55d7d2
```
#55d7d2 rgb(85,215,210)
```
#6adbd8
```
#6adbd8 rgb(106,219,216)
```

Monochromatic Color

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

#30c99e
```
#30c99e rgb(48,201,158)
```
#30c9ab
```
#30c9ab rgb(48,201,171)
```
#30c9b7
```
#30c9b7 rgb(48,201,183)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#30c1c9
```
#30c1c9 rgb(48,193,201)
```
#30b5c9
```
#30b5c9 rgb(48,181,201)
```
#30a8c9
```
#30a8c9 rgb(48,168,201)
```

Similar Colors

Text with hexadecimal color #30c9c4

This text has a font color of #30c9c4.

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

#30c9c4 background color

This paragraph has a background color of #30c9c4.

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

#30c9c4 border color

This element has a border color of #30c9c4.

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

CSS codes

.text {color:#30c9c4;}

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

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

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, #030b0b is the darkest color, while #fafefe is the lightest one.

#030b0b
```
#030b0b rgb(3,11,11)
```
#061b1a
```
#061b1a rgb(6,27,26)
```
#0a2b2a
```
#0a2b2a rgb(10,43,42)
```
#0e3a39
```
#0e3a39 rgb(14,58,57)
```
#124a48
```
#124a48 rgb(18,74,72)
```
#165a58
```
#165a58 rgb(22,90,88)
```
#196a67
```
#196a67 rgb(25,106,103)
```
#1d7a77
```
#1d7a77 rgb(29,122,119)
```
#218a86
```
#218a86 rgb(33,138,134)
```
#259996
```
#259996 rgb(37,153,150)
```
#28a9a5
```
#28a9a5 rgb(40,169,165)
```
#2cb9b5
```
#2cb9b5 rgb(44,185,181)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```

Shade Color Variation

#3cd0cc
```
#3cd0cc rgb(60,208,204)
```
#4cd4d0
```
#4cd4d0 rgb(76,212,208)
```
#5cd8d4
```
#5cd8d4 rgb(92,216,212)
```
#6cdcd8
```
#6cdcd8 rgb(108,220,216)
```
#7be0dc
```
#7be0dc rgb(123,224,220)
```
#8be3e0
```
#8be3e0 rgb(139,227,224)
```
#9be7e5
```
#9be7e5 rgb(155,231,229)
```
#abebe9
```
#abebe9 rgb(171,235,233)
```
#bbefed
```
#bbefed rgb(187,239,237)
```
#cbf2f1
```
#cbf2f1 rgb(203,242,241)
```
#daf6f5
```
#daf6f5 rgb(218,246,245)
```
#eafafa
```
#eafafa rgb(234,250,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #738685 is the less saturated color, while #00f9f1 is the most saturated one.

#738685
```
#738685 rgb(115,134,133)
```
#69908e
```
#69908e rgb(105,144,142)
```
#609997
```
#609997 rgb(96,153,151)
```
#56a3a0
```
#56a3a0 rgb(86,163,160)
```
#4daca9
```
#4daca9 rgb(77,172,169)
```
#43b6b2
```
#43b6b2 rgb(67,182,178)
```
#3abfbb
```
#3abfbb rgb(58,191,187)
```
#30c9c4
```
#30c9c4 rgb(48,201,196)
```
#26d3cd
```
#26d3cd rgb(38,211,205)
```
#1ddcd6
```
#1ddcd6 rgb(29,220,214)
```
#13e6df
```
#13e6df rgb(19,230,223)
```
#0aefe8
```
#0aefe8 rgb(10,239,232)
```
#00f9f1
```
#00f9f1 rgb(0,249,241)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#86a4a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb8bc Protanopia 1% of men
#bfb4cf Deuteranopia 1% of men
#49c9d7 Tritanopia 0.001% of the population

Trichromacy

#88bebf Protanomaly 1% of men, 0.01% of women
#8bbccb Deuteranomaly 6% of men, 0.4% of women
#40c9d0 Tritanomaly 0.01% of the population

#30c9c4 hex color

#30c9c4 Color Information

#30c9c4 Color Conversion

Color Schemes with #30c9c4

Alternatives to #30c9c4

#30c9c4 Preview

Shades and Tints of #30c9c4

Tones of #30c9c4

Color Blindness Simulator