#30dbd2 hex color

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

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

● #30dbd2 color description : Bright cyan.

The hexadecimal color #30dbd2 has RGB values of R:48, G:219, B:210 and CMYK values of C:0.78, M:0, Y:0.04, K:0.14. Its decimal value is 3202002.

Hex triplet	30dbd2	`#30dbd2`
RGB Decimal	48, 219, 210	`rgb(48,219,210)`
RGB Percent	18.8, 85.9, 82.4	`rgb(18.8%,85.9%,82.4%)`
CMYK	78, 0, 4, 14
HSL	176.8°, 70.4, 52.4	`hsl(176.8,70.4%,52.4%)`
HSV (or HSB)	176.8°, 78.1, 85.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.58, -43.062, -7.619
XYZ	38.18, 55.941, 69.755
xyY	0.233, 0.341, 55.941
CIE-LCH	79.58, 43.73, 190.033
CIE-LUV	79.58, -59.266, -5.147
Hunter-Lab	74.794, -39.771, -2.94
Binary	00110000, 11011011, 11010010

#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#db3039
```
#db3039 rgb(219,48,57)
```

Complementary Color

#30db7d
```
#30db7d rgb(48,219,125)
```
#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#308fdb
```
#308fdb rgb(48,143,219)
```

Analogous Color

#db7d30
```
#db7d30 rgb(219,125,48)
```
#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#db308f
```
#db308f rgb(219,48,143)
```

Split Complementary Color

#dbd230
```
#dbd230 rgb(219,210,48)
```
#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#d230db
```
#d230db rgb(210,48,219)
```

Triadic Color

#39db30
```
#39db30 rgb(57,219,48)
```
#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#d230db
```
#d230db rgb(210,48,219)
```
#db3039
```
#db3039 rgb(219,48,57)
```

Tetradic Color

#1ca29b
```
#1ca29b rgb(28,162,155)
```
#20b8b0
```
#20b8b0 rgb(32,184,176)
```
#24cec5
```
#24cec5 rgb(36,206,197)
```
#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#46dfd7
```
#46dfd7 rgb(70,223,215)
```
#5be3db
```
#5be3db rgb(91,227,219)
```
#71e6e0
```
#71e6e0 rgb(113,230,224)
```

Monochromatic Color

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

#30dba7
```
#30dba7 rgb(48,219,167)
```
#30dbb6
```
#30dbb6 rgb(48,219,182)
```
#30dbc4
```
#30dbc4 rgb(48,219,196)
```
#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#30d6db
```
#30d6db rgb(48,214,219)
```
#30c8db
```
#30c8db rgb(48,200,219)
```
#30b9db
```
#30b9db rgb(48,185,219)
```

Similar Colors

Text with hexadecimal color #30dbd2

This text has a font color of #30dbd2.

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

#30dbd2 background color

This paragraph has a background color of #30dbd2.

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

#30dbd2 border color

This element has a border color of #30dbd2.

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

CSS codes

.text {color:#30dbd2;}

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

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#051b1a
```
#051b1a rgb(5,27,26)
```
#082c2a
```
#082c2a rgb(8,44,42)
```
#0a3c3a
```
#0a3c3a rgb(10,60,58)
```
#0d4d4a
```
#0d4d4a rgb(13,77,74)
```
#105e5a
```
#105e5a rgb(16,94,90)
```
#136e6a
```
#136e6a rgb(19,110,106)
```
#167f7a
```
#167f7a rgb(22,127,122)
```
#19908a
```
#19908a rgb(25,144,138)
```
#1ca19a
```
#1ca19a rgb(28,161,154)
```
#1fb1aa
```
#1fb1aa rgb(31,177,170)
```
#22c2ba
```
#22c2ba rgb(34,194,186)
```
#25d3ca
```
#25d3ca rgb(37,211,202)
```

Shade Color Variation

#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#41ded6
```
#41ded6 rgb(65,222,214)
```
#51e1d9
```
#51e1d9 rgb(81,225,217)
```
#62e4dd
```
#62e4dd rgb(98,228,221)
```
#73e7e1
```
#73e7e1 rgb(115,231,225)
```
#84eae4
```
#84eae4 rgb(132,234,228)
```
#94ece8
```
#94ece8 rgb(148,236,232)
```
#a5efeb
```
#a5efeb rgb(165,239,235)
```
#b6f2ef
```
#b6f2ef rgb(182,242,239)
```
#c6f5f3
```
#c6f5f3 rgb(198,245,243)
```
#d7f8f6
```
#d7f8f6 rgb(215,248,246)
```
#e8fbfa
```
#e8fbfa rgb(232,251,250)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#848787
```
#848787 rgb(132,135,135)
```
#7b908f
```
#7b908f rgb(123,144,143)
```
#719a97
```
#719a97 rgb(113,154,151)
```
#68a3a0
```
#68a3a0 rgb(104,163,160)
```
#5faca8
```
#5faca8 rgb(95,172,168)
```
#55b6b1
```
#55b6b1 rgb(85,182,177)
```
#4cbfb9
```
#4cbfb9 rgb(76,191,185)
```
#43c8c1
```
#43c8c1 rgb(67,200,193)
```
#39d2ca
```
#39d2ca rgb(57,210,202)
```
#30dbd2
```
#30dbd2 rgb(48,219,210)
```
#27e4da
```
#27e4da rgb(39,228,218)
```
#1deee3
```
#1deee3 rgb(29,238,227)
```
#14f7eb
```
#14f7eb rgb(20,247,235)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8fb1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc7c8 Protanopia 1% of men
#d0c3dd Deuteranopia 1% of men
#4ed9e9 Tritanopia 0.001% of the population

Trichromacy

#92cecb Protanomaly 1% of men, 0.01% of women
#95cbd9 Deuteranomaly 6% of men, 0.4% of women
#43dae0 Tritanomaly 0.01% of the population

#30dbd2 hex color

#30dbd2 Color Information

#30dbd2 Color Conversion

Color Schemes with #30dbd2

Alternatives to #30dbd2

#30dbd2 Preview

Shades and Tints of #30dbd2

Tones of #30dbd2

Color Blindness Simulator