#30c7bc hex color

In a RGB color space, hex #30c7bc is composed of 18.8% red, 78% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 5.5% yellow and 22% black. It has a hue angle of 175.6 degrees, a saturation of 61.1% and a lightness of 48.4%. #30c7bc color hex could be obtained by blending #60ffff with #008f79. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 78
- B 74
RGB color chart
- C 76
- M 0
- Y 6
- K 22
CMYK color chart

● #30c7bc color description : Strong cyan.

The hexadecimal color #30c7bc has RGB values of R:48, G:199, B:188 and CMYK values of C:0.76, M:0, Y:0.06, K:0.22. Its decimal value is 3196860.

Hex triplet	30c7bc	`#30c7bc`
RGB Decimal	48, 199, 188	`rgb(48,199,188)`
RGB Percent	18.8, 78, 73.7	`rgb(18.8%,78%,73.7%)`
CMYK	76, 0, 6, 22
HSL	175.6°, 61.1, 48.4	`hsl(175.6,61.1%,48.4%)`
HSV (or HSB)	175.6°, 75.9, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.96, -40.326, -5.574
XYZ	30.717, 45.103, 54.661
xyY	0.235, 0.346, 45.103
CIE-LCH	72.96, 40.709, 187.87
CIE-LUV	72.96, -53.889, -2.295
Hunter-Lab	67.159, -35.887, -1.245
Binary	00110000, 11000111, 10111100

#30c7bc
```
#30c7bc rgb(48,199,188)
```
#c7303b
```
#c7303b rgb(199,48,59)
```

Complementary Color

#30c771
```
#30c771 rgb(48,199,113)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```
#3087c7
```
#3087c7 rgb(48,135,199)
```

Analogous Color

#c77130
```
#c77130 rgb(199,113,48)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```
#c73087
```
#c73087 rgb(199,48,135)
```

Split Complementary Color

#c7bc30
```
#c7bc30 rgb(199,188,48)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```
#bc30c7
```
#bc30c7 rgb(188,48,199)
```

Triadic Color

#3bc730
```
#3bc730 rgb(59,199,48)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```
#bc30c7
```
#bc30c7 rgb(188,48,199)
```
#c7303b
```
#c7303b rgb(199,48,59)
```

Tetradic Color

#218982
```
#218982 rgb(33,137,130)
```
#269e95
```
#269e95 rgb(38,158,149)
```
#2bb2a9
```
#2bb2a9 rgb(43,178,169)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```
#40d1c6
```
#40d1c6 rgb(64,209,198)
```
#54d6cc
```
#54d6cc rgb(84,214,204)
```
#69dbd2
```
#69dbd2 rgb(105,219,210)
```

Monochromatic Color

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

#30c796
```
#30c796 rgb(48,199,150)
```
#30c7a3
```
#30c7a3 rgb(48,199,163)
```
#30c7af
```
#30c7af rgb(48,199,175)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```
#30c5c7
```
#30c5c7 rgb(48,197,199)
```
#30b9c7
```
#30b9c7 rgb(48,185,199)
```
#30acc7
```
#30acc7 rgb(48,172,199)
```

Similar Colors

Text with hexadecimal color #30c7bc

This text has a font color of #30c7bc.

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

#30c7bc background color

This paragraph has a background color of #30c7bc.

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

#30c7bc border color

This element has a border color of #30c7bc.

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

CSS codes

.text {color:#30c7bc;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#061918
```
#061918 rgb(6,25,24)
```
#0a2927
```
#0a2927 rgb(10,41,39)
```
#0e3936
```
#0e3936 rgb(14,57,54)
```
#124945
```
#124945 rgb(18,73,69)
```
#155853
```
#155853 rgb(21,88,83)
```
#196862
```
#196862 rgb(25,104,98)
```
#1d7871
```
#1d7871 rgb(29,120,113)
```
#218880
```
#218880 rgb(33,136,128)
```
#25988f
```
#25988f rgb(37,152,143)
```
#28a79e
```
#28a79e rgb(40,167,158)
```
#2cb7ad
```
#2cb7ad rgb(44,183,173)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```

Shade Color Variation

#3bd0c5
```
#3bd0c5 rgb(59,208,197)
```
#4bd4ca
```
#4bd4ca rgb(75,212,202)
```
#5bd7ce
```
#5bd7ce rgb(91,215,206)
```
#6adbd3
```
#6adbd3 rgb(106,219,211)
```
#7adfd8
```
#7adfd8 rgb(122,223,216)
```
#8ae3dc
```
#8ae3dc rgb(138,227,220)
```
#9ae7e1
```
#9ae7e1 rgb(154,231,225)
```
#aaeae6
```
#aaeae6 rgb(170,234,230)
```
#b9eeea
```
#b9eeea rgb(185,238,234)
```
#c9f2ef
```
#c9f2ef rgb(201,242,239)
```
#d9f6f4
```
#d9f6f4 rgb(217,246,244)
```
#e9faf8
```
#e9faf8 rgb(233,250,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#738583
```
#738583 rgb(115,133,131)
```
#698e8b
```
#698e8b rgb(105,142,139)
```
#609893
```
#609893 rgb(96,152,147)
```
#56a19c
```
#56a19c rgb(86,161,156)
```
#4daba4
```
#4daba4 rgb(77,171,164)
```
#43b4ac
```
#43b4ac rgb(67,180,172)
```
#3abeb4
```
#3abeb4 rgb(58,190,180)
```
#30c7bc
```
#30c7bc rgb(48,199,188)
```
#27d1c4
```
#27d1c4 rgb(39,209,196)
```
#1ddacc
```
#1ddacc rgb(29,218,204)
```
#14e4d4
```
#14e4d4 rgb(20,228,212)
```
#0aeddc
```
#0aeddc rgb(10,237,220)
```
#00f7e5
```
#00f7e5 rgb(0,247,229)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab6b4 Protanopia 1% of men
#bfb2c8 Deuteranopia 1% of men
#4cc6d5 Tritanopia 0.001% of the population

Trichromacy

#88bcb7 Protanomaly 1% of men, 0.01% of women
#8bb9c3 Deuteranomaly 6% of men, 0.4% of women
#42c6cb Tritanomaly 0.01% of the population

#30c7bc hex color

#30c7bc Color Information

#30c7bc Color Conversion

Color Schemes with #30c7bc

Alternatives to #30c7bc

#30c7bc Preview

Shades and Tints of #30c7bc

Tones of #30c7bc

Color Blindness Simulator