#30c1b9 hex color

In a RGB color space, hex #30c1b9 is composed of 18.8% red, 75.7% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 0% magenta, 4.1% yellow and 24.3% black. It has a hue angle of 176.7 degrees, a saturation of 60.2% and a lightness of 47.3%. #30c1b9 color hex could be obtained by blending #60ffff with #008373. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 76
- B 73
RGB color chart
- C 75
- M 0
- Y 4
- K 24
CMYK color chart

● #30c1b9 color description : Strong cyan.

The hexadecimal color #30c1b9 has RGB values of R:48, G:193, B:185 and CMYK values of C:0.75, M:0, Y:0.04, K:0.24. Its decimal value is 3195321.

Hex triplet	30c1b9	`#30c1b9`
RGB Decimal	48, 193, 185	`rgb(48,193,185)`
RGB Percent	18.8, 75.7, 72.5	`rgb(18.8%,75.7%,72.5%)`
CMYK	75, 0, 4, 24
HSL	176.7°, 60.2, 47.3	`hsl(176.7,60.2%,47.3%)`
HSV (or HSB)	176.7°, 75.1, 75.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.056, -38.466, -6.759
XYZ	29.043, 42.268, 52.524
xyY	0.235, 0.341, 42.268
CIE-LCH	71.056, 39.055, 189.965
CIE-LUV	71.056, -51.984, -4.413
Hunter-Lab	65.014, -34.035, -2.39
Binary	00110000, 11000001, 10111001

#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#c13038
```
#c13038 rgb(193,48,56)
```

Complementary Color

#30c171
```
#30c171 rgb(48,193,113)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#3081c1
```
#3081c1 rgb(48,129,193)
```

Analogous Color

#c17130
```
#c17130 rgb(193,113,48)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#c13081
```
#c13081 rgb(193,48,129)
```

Split Complementary Color

#c1b930
```
#c1b930 rgb(193,185,48)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#b930c1
```
#b930c1 rgb(185,48,193)
```

Triadic Color

#38c130
```
#38c130 rgb(56,193,48)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#b930c1
```
#b930c1 rgb(185,48,193)
```
#c13038
```
#c13038 rgb(193,48,56)
```

Tetradic Color

#21847e
```
#21847e rgb(33,132,126)
```
#269892
```
#269892 rgb(38,152,146)
```
#2bada5
```
#2bada5 rgb(43,173,165)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#3ccfc6
```
#3ccfc6 rgb(60,207,198)
```
#50d4cc
```
#50d4cc rgb(80,212,204)
```
#65d9d2
```
#65d9d2 rgb(101,217,210)
```

Monochromatic Color

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

#30c195
```
#30c195 rgb(48,193,149)
```
#30c1a1
```
#30c1a1 rgb(48,193,161)
```
#30c1ad
```
#30c1ad rgb(48,193,173)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#30bdc1
```
#30bdc1 rgb(48,189,193)
```
#30b1c1
```
#30b1c1 rgb(48,177,193)
```
#30a5c1
```
#30a5c1 rgb(48,165,193)
```

Similar Colors

Text with hexadecimal color #30c1b9

This text has a font color of #30c1b9.

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

#30c1b9 background color

This paragraph has a background color of #30c1b9.

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

#30c1b9 border color

This element has a border color of #30c1b9.

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

CSS codes

.text {color:#30c1b9;}

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

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

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 #f4fcfc is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#051413
```
#051413 rgb(5,20,19)
```
#092422
```
#092422 rgb(9,36,34)
```
#0d3431
```
#0d3431 rgb(13,52,49)
```
#114341
```
#114341 rgb(17,67,65)
```
#155350
```
#155350 rgb(21,83,80)
```
#19635f
```
#19635f rgb(25,99,95)
```
#1c726e
```
#1c726e rgb(28,114,110)
```
#20827d
```
#20827d rgb(32,130,125)
```
#24928c
```
#24928c rgb(36,146,140)
```
#28a29b
```
#28a29b rgb(40,162,155)
```
#2cb1aa
```
#2cb1aa rgb(44,177,170)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```

Shade Color Variation

#37cdc5
```
#37cdc5 rgb(55,205,197)
```
#47d1ca
```
#47d1ca rgb(71,209,202)
```
#57d5ce
```
#57d5ce rgb(87,213,206)
```
#66d9d3
```
#66d9d3 rgb(102,217,211)
```
#76ddd7
```
#76ddd7 rgb(118,221,215)
```
#86e1dc
```
#86e1dc rgb(134,225,220)
```
#96e5e0
```
#96e5e0 rgb(150,229,224)
```
#a5e9e5
```
#a5e9e5 rgb(165,233,229)
```
#b5edea
```
#b5edea rgb(181,237,234)
```
#c5f0ee
```
#c5f0ee rgb(197,240,238)
```
#d4f4f3
```
#d4f4f3 rgb(212,244,243)
```
#e4f8f7
```
#e4f8f7 rgb(228,248,247)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71807f is the less saturated color, while #02efe2 is the most saturated one.

#71807f
```
#71807f rgb(113,128,127)
```
#688988
```
#688988 rgb(104,137,136)
```
#5e9390
```
#5e9390 rgb(94,147,144)
```
#559c98
```
#559c98 rgb(85,156,152)
```
#4ca5a0
```
#4ca5a0 rgb(76,165,160)
```
#43aea9
```
#43aea9 rgb(67,174,169)
```
#39b8b1
```
#39b8b1 rgb(57,184,177)
```
#30c1b9
```
#30c1b9 rgb(48,193,185)
```
#27cac1
```
#27cac1 rgb(39,202,193)
```
#1dd4c9
```
#1dd4c9 rgb(29,212,201)
```
#14ddd2
```
#14ddd2 rgb(20,221,210)
```
#0be6da
```
#0be6da rgb(11,230,218)
```
#02efe2
```
#02efe2 rgb(2,239,226)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#819e9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b1b2 Protanopia 1% of men
#b9adc4 Deuteranopia 1% of men
#4ac1cf Tritanopia 0.001% of the population

Trichromacy

#84b6b4 Protanomaly 1% of men, 0.01% of women
#87b4c0 Deuteranomaly 6% of men, 0.4% of women
#40c1c7 Tritanomaly 0.01% of the population

#30c1b9 hex color

#30c1b9 Color Information

#30c1b9 Color Conversion

Color Schemes with #30c1b9

Alternatives to #30c1b9

#30c1b9 Preview

Shades and Tints of #30c1b9

Tones of #30c1b9

Color Blindness Simulator