#30dbcc hex color

In a RGB color space, hex #30dbcc is composed of 18.8% red, 85.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 6.8% yellow and 14.1% black. It has a hue angle of 174.7 degrees, a saturation of 70.4% and a lightness of 52.4%. #30dbcc color hex could be obtained by blending #60ffff with #00b799. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 86
- B 80
RGB color chart
- C 78
- M 0
- Y 7
- K 14
CMYK color chart

● #30dbcc color description : Bright cyan.

The hexadecimal color #30dbcc has RGB values of R:48, G:219, B:204 and CMYK values of C:0.78, M:0, Y:0.07, K:0.14. Its decimal value is 3201996.

Hex triplet	30dbcc	`#30dbcc`
RGB Decimal	48, 219, 204	`rgb(48,219,204)`
RGB Percent	18.8, 85.9, 80	`rgb(18.8%,85.9%,80%)`
CMYK	78, 0, 7, 14
HSL	174.7°, 70.4, 52.4	`hsl(174.7,70.4%,52.4%)`
HSV (or HSB)	174.7°, 78.1, 85.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.413, -44.718, -4.663
XYZ	37.446, 55.647, 65.891
xyY	0.236, 0.35, 55.647
CIE-LCH	79.413, 44.961, 185.954
CIE-LUV	79.413, -59.704, -0.206
Hunter-Lab	74.597, -40.942, -0.152
Binary	00110000, 11011011, 11001100

#30dbcc
```
#30dbcc rgb(48,219,204)
```
#db303f
```
#db303f rgb(219,48,63)
```

Complementary Color

#30db77
```
#30db77 rgb(48,219,119)
```
#30dbcc
```
#30dbcc rgb(48,219,204)
```
#3095db
```
#3095db rgb(48,149,219)
```

Analogous Color

#db7730
```
#db7730 rgb(219,119,48)
```
#30dbcc
```
#30dbcc rgb(48,219,204)
```
#db3095
```
#db3095 rgb(219,48,149)
```

Split Complementary Color

#dbcc30
```
#dbcc30 rgb(219,204,48)
```
#30dbcc
```
#30dbcc rgb(48,219,204)
```
#cc30db
```
#cc30db rgb(204,48,219)
```

Triadic Color

#3fdb30
```
#3fdb30 rgb(63,219,48)
```
#30dbcc
```
#30dbcc rgb(48,219,204)
```
#cc30db
```
#cc30db rgb(204,48,219)
```
#db303f
```
#db303f rgb(219,48,63)
```

Tetradic Color

#1ca297
```
#1ca297 rgb(28,162,151)
```
#20b8ab
```
#20b8ab rgb(32,184,171)
```
#24cebf
```
#24cebf rgb(36,206,191)
```
#30dbcc
```
#30dbcc rgb(48,219,204)
```
#46dfd1
```
#46dfd1 rgb(70,223,209)
```
#5be3d7
```
#5be3d7 rgb(91,227,215)
```
#71e6dc
```
#71e6dc rgb(113,230,220)
```

Monochromatic Color

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

#30dba1
```
#30dba1 rgb(48,219,161)
```
#30dbb0
```
#30dbb0 rgb(48,219,176)
```
#30dbbe
```
#30dbbe rgb(48,219,190)
```
#30dbcc
```
#30dbcc rgb(48,219,204)
```
#30dbda
```
#30dbda rgb(48,219,218)
```
#30cedb
```
#30cedb rgb(48,206,219)
```
#30bfdb
```
#30bfdb rgb(48,191,219)
```

Similar Colors

Text with hexadecimal color #30dbcc

This text has a font color of #30dbcc.

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

#30dbcc background color

This paragraph has a background color of #30dbcc.

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

#30dbcc border color

This element has a border color of #30dbcc.

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

CSS codes

.text {color:#30dbcc;}

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

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

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, #020a09 is the darkest color, while #f9fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#051b19
```
#051b19 rgb(5,27,25)
```
#082c28
```
#082c28 rgb(8,44,40)
```
#0a3c38
```
#0a3c38 rgb(10,60,56)
```
#0d4d47
```
#0d4d47 rgb(13,77,71)
```
#105e57
```
#105e57 rgb(16,94,87)
```
#136e66
```
#136e66 rgb(19,110,102)
```
#167f76
```
#167f76 rgb(22,127,118)
```
#199085
```
#199085 rgb(25,144,133)
```
#1ca195
```
#1ca195 rgb(28,161,149)
```
#1fb1a4
```
#1fb1a4 rgb(31,177,164)
```
#22c2b4
```
#22c2b4 rgb(34,194,180)
```
#25d3c3
```
#25d3c3 rgb(37,211,195)
```

Shade Color Variation

#30dbcc
```
#30dbcc rgb(48,219,204)
```
#41ded0
```
#41ded0 rgb(65,222,208)
```
#51e1d4
```
#51e1d4 rgb(81,225,212)
```
#62e4d8
```
#62e4d8 rgb(98,228,216)
```
#73e7dc
```
#73e7dc rgb(115,231,220)
```
#84eae1
```
#84eae1 rgb(132,234,225)
```
#94ece5
```
#94ece5 rgb(148,236,229)
```
#a5efe9
```
#a5efe9 rgb(165,239,233)
```
#b6f2ed
```
#b6f2ed rgb(182,242,237)
```
#c6f5f1
```
#c6f5f1 rgb(198,245,241)
```
#d7f8f5
```
#d7f8f5 rgb(215,248,245)
```
#e8fbf9
```
#e8fbf9 rgb(232,251,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#848787
```
#848787 rgb(132,135,135)
```
#7b908e
```
#7b908e rgb(123,144,142)
```
#719a96
```
#719a96 rgb(113,154,150)
```
#68a39e
```
#68a39e rgb(104,163,158)
```
#5faca5
```
#5faca5 rgb(95,172,165)
```
#55b6ad
```
#55b6ad rgb(85,182,173)
```
#4cbfb5
```
#4cbfb5 rgb(76,191,181)
```
#43c8bd
```
#43c8bd rgb(67,200,189)
```
#39d2c4
```
#39d2c4 rgb(57,210,196)
```
#30dbcc
```
#30dbcc rgb(48,219,204)
```
#27e4d4
```
#27e4d4 rgb(39,228,212)
```
#1deedb
```
#1deedb rgb(29,238,219)
```
#14f7e3
```
#14f7e3 rgb(20,247,227)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8eb1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc6c2 Protanopia 1% of men
#d2c2d8 Deuteranopia 1% of men
#51d8e8 Tritanopia 0.001% of the population

Trichromacy

#93cec6 Protanomaly 1% of men, 0.01% of women
#97cbd3 Deuteranomaly 6% of men, 0.4% of women
#45d9de Tritanomaly 0.01% of the population

#30dbcc hex color

#30dbcc Color Information

#30dbcc Color Conversion

Color Schemes with #30dbcc

Alternatives to #30dbcc

#30dbcc Preview

Shades and Tints of #30dbcc

Tones of #30dbcc

Color Blindness Simulator