#30d6bc hex color

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

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

● #30d6bc color description : Strong cyan.

The hexadecimal color #30d6bc has RGB values of R:48, G:214, B:188 and CMYK values of C:0.78, M:0, Y:0.12, K:0.16. Its decimal value is 3200700.

Hex triplet	30d6bc	`#30d6bc`
RGB Decimal	48, 214, 188	`rgb(48,214,188)`
RGB Percent	18.8, 83.9, 73.7	`rgb(18.8%,83.9%,73.7%)`
CMYK	78, 0, 12, 16
HSL	170.6°, 66.9, 51.4	`hsl(170.6,66.9%,51.4%)`
HSV (or HSB)	170.6°, 77.6, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.489, -46.857, 1.073
XYZ	34.339, 52.349, 55.869
xyY	0.241, 0.367, 52.349
CIE-LCH	77.489, 46.869, 178.689
CIE-LUV	77.489, -59.13, 8.988
Hunter-Lab	72.353, -41.899, 4.865
Binary	00110000, 11010110, 10111100

#30d6bc
```
#30d6bc rgb(48,214,188)
```
#d6304a
```
#d6304a rgb(214,48,74)
```

Complementary Color

#30d669
```
#30d669 rgb(48,214,105)
```
#30d6bc
```
#30d6bc rgb(48,214,188)
```
#309dd6
```
#309dd6 rgb(48,157,214)
```

Analogous Color

#d66930
```
#d66930 rgb(214,105,48)
```
#30d6bc
```
#30d6bc rgb(48,214,188)
```
#d6309d
```
#d6309d rgb(214,48,157)
```

Split Complementary Color

#d6bc30
```
#d6bc30 rgb(214,188,48)
```
#30d6bc
```
#30d6bc rgb(48,214,188)
```
#bc30d6
```
#bc30d6 rgb(188,48,214)
```

Triadic Color

#4ad630
```
#4ad630 rgb(74,214,48)
```
#30d6bc
```
#30d6bc rgb(48,214,188)
```
#bc30d6
```
#bc30d6 rgb(188,48,214)
```
#d6304a
```
#d6304a rgb(214,48,74)
```

Tetradic Color

#1f9b87
```
#1f9b87 rgb(31,155,135)
```
#23b09a
```
#23b09a rgb(35,176,154)
```
#27c5ad
```
#27c5ad rgb(39,197,173)
```
#30d6bc
```
#30d6bc rgb(48,214,188)
```
#45dac3
```
#45dac3 rgb(69,218,195)
```
#5bdeca
```
#5bdeca rgb(91,222,202)
```
#70e3d1
```
#70e3d1 rgb(112,227,209)
```

Monochromatic Color

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

#30d693
```
#30d693 rgb(48,214,147)
```
#30d6a0
```
#30d6a0 rgb(48,214,160)
```
#30d6ae
```
#30d6ae rgb(48,214,174)
```
#30d6bc
```
#30d6bc rgb(48,214,188)
```
#30d6ca
```
#30d6ca rgb(48,214,202)
```
#30d4d6
```
#30d4d6 rgb(48,212,214)
```
#30c7d6
```
#30c7d6 rgb(48,199,214)
```

Similar Colors

Text with hexadecimal color #30d6bc

This text has a font color of #30d6bc.

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

#30d6bc background color

This paragraph has a background color of #30d6bc.

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

#30d6bc border color

This element has a border color of #30d6bc.

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

CSS codes

.text {color:#30d6bc;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#041613
```
#041613 rgb(4,22,19)
```
#082722
```
#082722 rgb(8,39,34)
```
#0b3730
```
#0b3730 rgb(11,55,48)
```
#0e473e
```
#0e473e rgb(14,71,62)
```
#11584d
```
#11584d rgb(17,88,77)
```
#15685b
```
#15685b rgb(21,104,91)
```
#187869
```
#187869 rgb(24,120,105)
```
#1b8978
```
#1b8978 rgb(27,137,120)
```
#1e9986
```
#1e9986 rgb(30,153,134)
```
#22aa94
```
#22aa94 rgb(34,170,148)
```
#25baa3
```
#25baa3 rgb(37,186,163)
```
#28cab1
```
#28cab1 rgb(40,202,177)
```

Shade Color Variation

#30d6bc
```
#30d6bc rgb(48,214,188)
```
#40d9c1
```
#40d9c1 rgb(64,217,193)
```
#51dcc7
```
#51dcc7 rgb(81,220,199)
```
#61e0cc
```
#61e0cc rgb(97,224,204)
```
#71e3d1
```
#71e3d1 rgb(113,227,209)
```
#82e6d6
```
#82e6d6 rgb(130,230,214)
```
#92e9dc
```
#92e9dc rgb(146,233,220)
```
#a3ede1
```
#a3ede1 rgb(163,237,225)
```
#b3f0e6
```
#b3f0e6 rgb(179,240,230)
```
#c3f3ec
```
#c3f3ec rgb(195,243,236)
```
#d4f6f1
```
#d4f6f1 rgb(212,246,241)
```
#e4faf6
```
#e4faf6 rgb(228,250,246)
```
#f4fdfc
```
#f4fdfc rgb(244,253,252)
```

Tint Color Variation

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

#7c8a88
```
#7c8a88 rgb(124,138,136)
```
#73938e
```
#73938e rgb(115,147,142)
```
#699d95
```
#699d95 rgb(105,157,149)
```
#60a69b
```
#60a69b rgb(96,166,155)
```
#56b0a2
```
#56b0a2 rgb(86,176,162)
```
#4db9a8
```
#4db9a8 rgb(77,185,168)
```
#43c3af
```
#43c3af rgb(67,195,175)
```
#3accb5
```
#3accb5 rgb(58,204,181)
```
#30d6bc
```
#30d6bc rgb(48,214,188)
```
#26e0c3
```
#26e0c3 rgb(38,224,195)
```
#1de9c9
```
#1de9c9 rgb(29,233,201)
```
#13f3d0
```
#13f3d0 rgb(19,243,208)
```
#0afcd6
```
#0afcd6 rgb(10,252,214)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8aaca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c2b4 Protanopia 1% of men
#d1bdc9 Deuteranopia 1% of men
#55d2e2 Tritanopia 0.001% of the population

Trichromacy

#91c9b7 Protanomaly 1% of men, 0.01% of women
#96c6c4 Deuteranomaly 6% of men, 0.4% of women
#48d4d4 Tritanomaly 0.01% of the population

#30d6bc hex color

#30d6bc Color Information

#30d6bc Color Conversion

Color Schemes with #30d6bc

Alternatives to #30d6bc

#30d6bc Preview

Shades and Tints of #30d6bc

Tones of #30d6bc

Color Blindness Simulator