#30d6ce hex color

In a RGB color space, hex #30d6ce is composed of 18.8% red, 83.9% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 0% magenta, 3.7% yellow and 16.1% black. It has a hue angle of 177.1 degrees, a saturation of 66.9% and a lightness of 51.4%. #30d6ce color hex could be obtained by blending #60ffff with #00ad9d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 84
- B 81
RGB color chart
- C 78
- M 0
- Y 4
- K 16
CMYK color chart

● #30d6ce color description : Strong cyan.

The hexadecimal color #30d6ce has RGB values of R:48, G:214, B:206 and CMYK values of C:0.78, M:0, Y:0.04, K:0.16. Its decimal value is 3200718.

Hex triplet	30d6ce	`#30d6ce`
RGB Decimal	48, 214, 206	`rgb(48,214,206)`
RGB Percent	18.8, 83.9, 80.8	`rgb(18.8%,83.9%,80.8%)`
CMYK	78, 0, 4, 16
HSL	177.1°, 66.9, 51.4	`hsl(177.1,66.9%,51.4%)`
HSV (or HSB)	177.1°, 77.6, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.978, -41.97, -7.856
XYZ	36.403, 53.174, 66.734
xyY	0.233, 0.34, 53.174
CIE-LCH	77.978, 42.699, 190.602
CIE-LUV	77.978, -57.83, -5.679
Hunter-Lab	72.921, -38.503, -3.216
Binary	00110000, 11010110, 11001110

#30d6ce
```
#30d6ce rgb(48,214,206)
```
#d63038
```
#d63038 rgb(214,48,56)
```

Complementary Color

#30d67b
```
#30d67b rgb(48,214,123)
```
#30d6ce
```
#30d6ce rgb(48,214,206)
```
#308bd6
```
#308bd6 rgb(48,139,214)
```

Analogous Color

#d67b30
```
#d67b30 rgb(214,123,48)
```
#30d6ce
```
#30d6ce rgb(48,214,206)
```
#d6308b
```
#d6308b rgb(214,48,139)
```

Split Complementary Color

#d6ce30
```
#d6ce30 rgb(214,206,48)
```
#30d6ce
```
#30d6ce rgb(48,214,206)
```
#ce30d6
```
#ce30d6 rgb(206,48,214)
```

Triadic Color

#38d630
```
#38d630 rgb(56,214,48)
```
#30d6ce
```
#30d6ce rgb(48,214,206)
```
#ce30d6
```
#ce30d6 rgb(206,48,214)
```
#d63038
```
#d63038 rgb(214,48,56)
```

Tetradic Color

#1f9b95
```
#1f9b95 rgb(31,155,149)
```
#23b0a9
```
#23b0a9 rgb(35,176,169)
```
#27c5be
```
#27c5be rgb(39,197,190)
```
#30d6ce
```
#30d6ce rgb(48,214,206)
```
#45dad3
```
#45dad3 rgb(69,218,211)
```
#5bded8
```
#5bded8 rgb(91,222,216)
```
#70e3dd
```
#70e3dd rgb(112,227,221)
```

Monochromatic Color

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

#30d6a5
```
#30d6a5 rgb(48,214,165)
```
#30d6b2
```
#30d6b2 rgb(48,214,178)
```
#30d6c0
```
#30d6c0 rgb(48,214,192)
```
#30d6ce
```
#30d6ce rgb(48,214,206)
```
#30d0d6
```
#30d0d6 rgb(48,208,214)
```
#30c2d6
```
#30c2d6 rgb(48,194,214)
```
#30b5d6
```
#30b5d6 rgb(48,181,214)
```

Similar Colors

Text with hexadecimal color #30d6ce

This text has a font color of #30d6ce.

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

#30d6ce background color

This paragraph has a background color of #30d6ce.

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

#30d6ce border color

This element has a border color of #30d6ce.

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

CSS codes

.text {color:#30d6ce;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#041615
```
#041615 rgb(4,22,21)
```
#082725
```
#082725 rgb(8,39,37)
```
#0b3735
```
#0b3735 rgb(11,55,53)
```
#0e4745
```
#0e4745 rgb(14,71,69)
```
#115854
```
#115854 rgb(17,88,84)
```
#156864
```
#156864 rgb(21,104,100)
```
#187874
```
#187874 rgb(24,120,116)
```
#1b8984
```
#1b8984 rgb(27,137,132)
```
#1e9993
```
#1e9993 rgb(30,153,147)
```
#22aaa3
```
#22aaa3 rgb(34,170,163)
```
#25bab3
```
#25bab3 rgb(37,186,179)
```
#28cac2
```
#28cac2 rgb(40,202,194)
```

Shade Color Variation

#30d6ce
```
#30d6ce rgb(48,214,206)
```
#40d9d2
```
#40d9d2 rgb(64,217,210)
```
#51dcd6
```
#51dcd6 rgb(81,220,214)
```
#61e0da
```
#61e0da rgb(97,224,218)
```
#71e3de
```
#71e3de rgb(113,227,222)
```
#82e6e1
```
#82e6e1 rgb(130,230,225)
```
#92e9e5
```
#92e9e5 rgb(146,233,229)
```
#a3ede9
```
#a3ede9 rgb(163,237,233)
```
#b3f0ed
```
#b3f0ed rgb(179,240,237)
```
#c3f3f1
```
#c3f3f1 rgb(195,243,241)
```
#d4f6f5
```
#d4f6f5 rgb(212,246,245)
```
#e4faf9
```
#e4faf9 rgb(228,250,249)
```
#f4fdfd
```
#f4fdfd rgb(244,253,253)
```

Tint Color Variation

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

#7c8a89
```
#7c8a89 rgb(124,138,137)
```
#739392
```
#739392 rgb(115,147,146)
```
#699d9a
```
#699d9a rgb(105,157,154)
```
#60a6a3
```
#60a6a3 rgb(96,166,163)
```
#56b0ac
```
#56b0ac rgb(86,176,172)
```
#4db9b4
```
#4db9b4 rgb(77,185,180)
```
#43c3bd
```
#43c3bd rgb(67,195,189)
```
#3accc5
```
#3accc5 rgb(58,204,197)
```
#30d6ce
```
#30d6ce rgb(48,214,206)
```
#26e0d7
```
#26e0d7 rgb(38,224,215)
```
#1de9df
```
#1de9df rgb(29,233,223)
```
#13f3e8
```
#13f3e8 rgb(19,243,232)
```
#0afcf0
```
#0afcf0 rgb(10,252,240)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8cadac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c3c5 Protanopia 1% of men
#cbbfd9 Deuteranopia 1% of men
#4cd4e4 Tritanopia 0.001% of the population

Trichromacy

#8fc9c8 Protanomaly 1% of men, 0.01% of women
#93c7d5 Deuteranomaly 6% of men, 0.4% of women
#42d5dc Tritanomaly 0.01% of the population

#30d6ce hex color

#30d6ce Color Information

#30d6ce Color Conversion

Color Schemes with #30d6ce

Alternatives to #30d6ce

#30d6ce Preview

Shades and Tints of #30d6ce

Tones of #30d6ce

Color Blindness Simulator