#30ddcc hex color

In a RGB color space, hex #30ddcc is composed of 18.8% red, 86.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 7.7% yellow and 13.3% black. It has a hue angle of 174.1 degrees, a saturation of 71.8% and a lightness of 52.7%. #30ddcc color hex could be obtained by blending #60ffff with #00bb99. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 87
- B 80
RGB color chart
- C 78
- M 0
- Y 8
- K 13
CMYK color chart

● #30ddcc color description : Bright cyan.

The hexadecimal color #30ddcc has RGB values of R:48, G:221, B:204 and CMYK values of C:0.78, M:0, Y:0.08, K:0.13. Its decimal value is 3202508.

Hex triplet	30ddcc	`#30ddcc`
RGB Decimal	48, 221, 204	`rgb(48,221,204)`
RGB Percent	18.8, 86.7, 80	`rgb(18.8%,86.7%,80%)`
CMYK	78, 0, 8, 13
HSL	174.1°, 71.8, 52.7	`hsl(174.1,71.8%,52.7%)`
HSV (or HSB)	174.1°, 78.3, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.009, -45.584, -3.785
XYZ	37.971, 56.697, 66.066
xyY	0.236, 0.353, 56.697
CIE-LCH	80.009, 45.74, 184.747
CIE-LUV	80.009, -60.394, 1.31
Hunter-Lab	75.298, -41.757, 0.687
Binary	00110000, 11011101, 11001100

#30ddcc
```
#30ddcc rgb(48,221,204)
```
#dd3041
```
#dd3041 rgb(221,48,65)
```

Complementary Color

#30dd76
```
#30dd76 rgb(48,221,118)
```
#30ddcc
```
#30ddcc rgb(48,221,204)
```
#3098dd
```
#3098dd rgb(48,152,221)
```

Analogous Color

#dd7630
```
#dd7630 rgb(221,118,48)
```
#30ddcc
```
#30ddcc rgb(48,221,204)
```
#dd3098
```
#dd3098 rgb(221,48,152)
```

Split Complementary Color

#ddcc30
```
#ddcc30 rgb(221,204,48)
```
#30ddcc
```
#30ddcc rgb(48,221,204)
```
#cc30dd
```
#cc30dd rgb(204,48,221)
```

Triadic Color

#41dd30
```
#41dd30 rgb(65,221,48)
```
#30ddcc
```
#30ddcc rgb(48,221,204)
```
#cc30dd
```
#cc30dd rgb(204,48,221)
```
#dd3041
```
#dd3041 rgb(221,48,65)
```

Tetradic Color

#1ba598
```
#1ba598 rgb(27,165,152)
```
#1fbbac
```
#1fbbac rgb(31,187,172)
```
#22d1c0
```
#22d1c0 rgb(34,209,192)
```
#30ddcc
```
#30ddcc rgb(48,221,204)
```
#46e1d1
```
#46e1d1 rgb(70,225,209)
```
#5ce4d7
```
#5ce4d7 rgb(92,228,215)
```
#72e8dc
```
#72e8dc rgb(114,232,220)
```

Monochromatic Color

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

#30dda1
```
#30dda1 rgb(48,221,161)
```
#30ddaf
```
#30ddaf rgb(48,221,175)
```
#30ddbe
```
#30ddbe rgb(48,221,190)
```
#30ddcc
```
#30ddcc rgb(48,221,204)
```
#30ddda
```
#30ddda rgb(48,221,218)
```
#30d1dd
```
#30d1dd rgb(48,209,221)
```
#30c3dd
```
#30c3dd rgb(48,195,221)
```

Similar Colors

Text with hexadecimal color #30ddcc

This text has a font color of #30ddcc.

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

#30ddcc background color

This paragraph has a background color of #30ddcc.

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

#30ddcc border color

This element has a border color of #30ddcc.

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

CSS codes

.text {color:#30ddcc;}

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

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

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

#020c0b
```
#020c0b rgb(2,12,11)
```
#051d1b
```
#051d1b rgb(5,29,27)
```
#082e2a
```
#082e2a rgb(8,46,42)
```
#0a3f39
```
#0a3f39 rgb(10,63,57)
```
#0d4f49
```
#0d4f49 rgb(13,79,73)
```
#106058
```
#106058 rgb(16,96,88)
```
#137168
```
#137168 rgb(19,113,104)
```
#158277
```
#158277 rgb(21,130,119)
```
#189387
```
#189387 rgb(24,147,135)
```
#1ba496
```
#1ba496 rgb(27,164,150)
```
#1eb5a6
```
#1eb5a6 rgb(30,181,166)
```
#20c5b5
```
#20c5b5 rgb(32,197,181)
```
#23d6c5
```
#23d6c5 rgb(35,214,197)
```

Shade Color Variation

#30ddcc
```
#30ddcc rgb(48,221,204)
```
#41e0d0
```
#41e0d0 rgb(65,224,208)
```
#52e3d4
```
#52e3d4 rgb(82,227,212)
```
#63e5d8
```
#63e5d8 rgb(99,229,216)
```
#73e8dd
```
#73e8dd rgb(115,232,221)
```
#84ebe1
```
#84ebe1 rgb(132,235,225)
```
#95eee5
```
#95eee5 rgb(149,238,229)
```
#a6f0e9
```
#a6f0e9 rgb(166,240,233)
```
#b7f3ed
```
#b7f3ed rgb(183,243,237)
```
#c8f6f1
```
#c8f6f1 rgb(200,246,241)
```
#d8f9f6
```
#d8f9f6 rgb(216,249,246)
```
#e9fbfa
```
#e9fbfa rgb(233,251,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#838a89
```
#838a89 rgb(131,138,137)
```
#7a9390
```
#7a9390 rgb(122,147,144)
```
#719c98
```
#719c98 rgb(113,156,152)
```
#68a59f
```
#68a59f rgb(104,165,159)
```
#5eafa7
```
#5eafa7 rgb(94,175,167)
```
#55b8ae
```
#55b8ae rgb(85,184,174)
```
#4cc1b6
```
#4cc1b6 rgb(76,193,182)
```
#43cabd
```
#43cabd rgb(67,202,189)
```
#39d4c5
```
#39d4c5 rgb(57,212,197)
```
#30ddcc
```
#30ddcc rgb(48,221,204)
```
#27e6d3
```
#27e6d3 rgb(39,230,211)
```
#1df0db
```
#1df0db rgb(29,240,219)
```
#14f9e2
```
#14f9e2 rgb(20,249,226)
```

Tone Color Variation

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

Dichromacy

#cec8c2 Protanopia 1% of men
#d4c4d8 Deuteranopia 1% of men
#52daea Tritanopia 0.001% of the population

Trichromacy

#94cfc6 Protanomaly 1% of men, 0.01% of women
#98cdd3 Deuteranomaly 6% of men, 0.4% of women
#46dbdf Tritanomaly 0.01% of the population

#30ddcc hex color

#30ddcc Color Information

#30ddcc Color Conversion

Color Schemes with #30ddcc

Alternatives to #30ddcc

#30ddcc Preview

Shades and Tints of #30ddcc

Tones of #30ddcc

Color Blindness Simulator