#30dbb4 hex color

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

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

● #30dbb4 color description : Bright cyan.

The hexadecimal color #30dbb4 has RGB values of R:48, G:219, B:180 and CMYK values of C:0.78, M:0, Y:0.18, K:0.14. Its decimal value is 3201972.

Hex triplet	30dbb4	`#30dbb4`
RGB Decimal	48, 219, 180	`rgb(48,219,180)`
RGB Percent	18.8, 85.9, 70.6	`rgb(18.8%,85.9%,70.6%)`
CMYK	78, 0, 18, 14
HSL	166.3°, 70.4, 52.4	`hsl(166.3,70.4%,52.4%)`
HSV (or HSB)	166.3°, 78.1, 85.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.801, -50.974, 7.239
XYZ	34.786, 54.583, 51.88
xyY	0.246, 0.386, 54.583
CIE-LCH	78.801, 51.486, 171.917
CIE-LUV	78.801, -61.426, 18.898
Hunter-Lab	73.88, -45.247, 10.082
Binary	00110000, 11011011, 10110100

#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#db3057
```
#db3057 rgb(219,48,87)
```

Complementary Color

#30db5f
```
#30db5f rgb(48,219,95)
```
#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#30addb
```
#30addb rgb(48,173,219)
```

Analogous Color

#db5f30
```
#db5f30 rgb(219,95,48)
```
#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#db30ad
```
#db30ad rgb(219,48,173)
```

Split Complementary Color

#dbb430
```
#dbb430 rgb(219,180,48)
```
#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#b430db
```
#b430db rgb(180,48,219)
```

Triadic Color

#57db30
```
#57db30 rgb(87,219,48)
```
#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#b430db
```
#b430db rgb(180,48,219)
```
#db3057
```
#db3057 rgb(219,48,87)
```

Tetradic Color

#1ca284
```
#1ca284 rgb(28,162,132)
```
#20b895
```
#20b895 rgb(32,184,149)
```
#24cea7
```
#24cea7 rgb(36,206,167)
```
#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#46dfbc
```
#46dfbc rgb(70,223,188)
```
#5be3c4
```
#5be3c4 rgb(91,227,196)
```
#71e6cc
```
#71e6cc rgb(113,230,204)
```

Monochromatic Color

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

#30db89
```
#30db89 rgb(48,219,137)
```
#30db98
```
#30db98 rgb(48,219,152)
```
#30dba6
```
#30dba6 rgb(48,219,166)
```
#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#30dbc2
```
#30dbc2 rgb(48,219,194)
```
#30dbd1
```
#30dbd1 rgb(48,219,209)
```
#30d7db
```
#30d7db rgb(48,215,219)
```

Similar Colors

Text with hexadecimal color #30dbb4

This text has a font color of #30dbb4.

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

#30dbb4 background color

This paragraph has a background color of #30dbb4.

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

#30dbb4 border color

This element has a border color of #30dbb4.

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

CSS codes

.text {color:#30dbb4;}

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

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

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

#020a08
```
#020a08 rgb(2,10,8)
```
#051b16
```
#051b16 rgb(5,27,22)
```
#082c23
```
#082c23 rgb(8,44,35)
```
#0a3c31
```
#0a3c31 rgb(10,60,49)
```
#0d4d3f
```
#0d4d3f rgb(13,77,63)
```
#105e4c
```
#105e4c rgb(16,94,76)
```
#136e5a
```
#136e5a rgb(19,110,90)
```
#167f67
```
#167f67 rgb(22,127,103)
```
#199075
```
#199075 rgb(25,144,117)
```
#1ca182
```
#1ca182 rgb(28,161,130)
```
#1fb190
```
#1fb190 rgb(31,177,144)
```
#22c29d
```
#22c29d rgb(34,194,157)
```
#25d3ab
```
#25d3ab rgb(37,211,171)
```

Shade Color Variation

#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#41deba
```
#41deba rgb(65,222,186)
```
#51e1c0
```
#51e1c0 rgb(81,225,192)
```
#62e4c6
```
#62e4c6 rgb(98,228,198)
```
#73e7cc
```
#73e7cc rgb(115,231,204)
```
#84ead2
```
#84ead2 rgb(132,234,210)
```
#94ecd8
```
#94ecd8 rgb(148,236,216)
```
#a5efde
```
#a5efde rgb(165,239,222)
```
#b6f2e4
```
#b6f2e4 rgb(182,242,228)
```
#c6f5ea
```
#c6f5ea rgb(198,245,234)
```
#d7f8f1
```
#d7f8f1 rgb(215,248,241)
```
#e8fbf7
```
#e8fbf7 rgb(232,251,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#848786
```
#848786 rgb(132,135,134)
```
#7b908b
```
#7b908b rgb(123,144,139)
```
#719a90
```
#719a90 rgb(113,154,144)
```
#68a396
```
#68a396 rgb(104,163,150)
```
#5fac9b
```
#5fac9b rgb(95,172,155)
```
#55b6a0
```
#55b6a0 rgb(85,182,160)
```
#4cbfa5
```
#4cbfa5 rgb(76,191,165)
```
#43c8aa
```
#43c8aa rgb(67,200,170)
```
#39d2af
```
#39d2af rgb(57,210,175)
```
#30dbb4
```
#30dbb4 rgb(48,219,180)
```
#27e4b9
```
#27e4b9 rgb(39,228,185)
```
#1deebe
```
#1deebe rgb(29,238,190)
```
#14f7c3
```
#14f7c3 rgb(20,247,195)
```

Tone Color Variation

Below, you can see how #30dbb4 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
#8caea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc5ac Protanopia 1% of men
#d9c0c2 Deuteranopia 1% of men
#5bd6e5 Tritanopia 0.001% of the population

Trichromacy

#95cdaf Protanomaly 1% of men, 0.01% of women
#9cc9bc Deuteranomaly 6% of men, 0.4% of women
#4bd8d3 Tritanomaly 0.01% of the population

#30dbb4 hex color

#30dbb4 Color Information

#30dbb4 Color Conversion

Color Schemes with #30dbb4

Alternatives to #30dbb4

#30dbb4 Preview

Shades and Tints of #30dbb4

Tones of #30dbb4

Color Blindness Simulator