#30ded4 hex color

In a RGB color space, hex #30ded4 is composed of 18.8% red, 87.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 0% magenta, 4.5% yellow and 12.9% black. It has a hue angle of 176.6 degrees, a saturation of 72.5% and a lightness of 52.9%. #30ded4 color hex could be obtained by blending #60ffff with #00bda9. Closest websafe color is: #33cccc.

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

● #30ded4 color description : Bright cyan.

The hexadecimal color #30ded4 has RGB values of R:48, G:222, B:212 and CMYK values of C:0.78, M:0, Y:0.05, K:0.13. Its decimal value is 3202772.

Hex triplet	30ded4	`#30ded4`
RGB Decimal	48, 222, 212	`rgb(48,222,212)`
RGB Percent	18.8, 87.1, 83.1	`rgb(18.8%,87.1%,83.1%)`
CMYK	78, 0, 5, 13
HSL	176.6°, 72.5, 52.9	`hsl(176.6,72.5%,52.9%)`
HSV (or HSB)	176.6°, 78.4, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.527, -43.823, -7.281
XYZ	39.22, 57.621, 71.339
xyY	0.233, 0.343, 57.621
CIE-LCH	80.527, 44.424, 189.433
CIE-LUV	80.527, -60.153, -4.498
Hunter-Lab	75.908, -40.612, -2.585
Binary	00110000, 11011110, 11010100

#30ded4
```
#30ded4 rgb(48,222,212)
```
#de303a
```
#de303a rgb(222,48,58)
```

Complementary Color

#30de7d
```
#30de7d rgb(48,222,125)
```
#30ded4
```
#30ded4 rgb(48,222,212)
```
#3091de
```
#3091de rgb(48,145,222)
```

Analogous Color

#de7d30
```
#de7d30 rgb(222,125,48)
```
#30ded4
```
#30ded4 rgb(48,222,212)
```
#de3091
```
#de3091 rgb(222,48,145)
```

Split Complementary Color

#ded430
```
#ded430 rgb(222,212,48)
```
#30ded4
```
#30ded4 rgb(48,222,212)
```
#d430de
```
#d430de rgb(212,48,222)
```

Triadic Color

#3ade30
```
#3ade30 rgb(58,222,48)
```
#30ded4
```
#30ded4 rgb(48,222,212)
```
#d430de
```
#d430de rgb(212,48,222)
```
#de303a
```
#de303a rgb(222,48,58)
```

Tetradic Color

#1ba79f
```
#1ba79f rgb(27,167,159)
```
#1ebdb4
```
#1ebdb4 rgb(30,189,180)
```
#22d3c9
```
#22d3c9 rgb(34,211,201)
```
#30ded4
```
#30ded4 rgb(48,222,212)
```
#46e2d9
```
#46e2d9 rgb(70,226,217)
```
#5ce5dd
```
#5ce5dd rgb(92,229,221)
```
#72e9e2
```
#72e9e2 rgb(114,233,226)
```

Monochromatic Color

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

#30dea9
```
#30dea9 rgb(48,222,169)
```
#30deb7
```
#30deb7 rgb(48,222,183)
```
#30dec6
```
#30dec6 rgb(48,222,198)
```
#30ded4
```
#30ded4 rgb(48,222,212)
```
#30dade
```
#30dade rgb(48,218,222)
```
#30cbde
```
#30cbde rgb(48,203,222)
```
#30bdde
```
#30bdde rgb(48,189,222)
```

Similar Colors

Text with hexadecimal color #30ded4

This text has a font color of #30ded4.

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

#30ded4 background color

This paragraph has a background color of #30ded4.

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

#30ded4 border color

This element has a border color of #30ded4.

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

CSS codes

.text {color:#30ded4;}

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

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

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

#020d0c
```
#020d0c rgb(2,13,12)
```
#051e1c
```
#051e1c rgb(5,30,28)
```
#072f2d
```
#072f2d rgb(7,47,45)
```
#0a403d
```
#0a403d rgb(10,64,61)
```
#0d514d
```
#0d514d rgb(13,81,77)
```
#10625d
```
#10625d rgb(16,98,93)
```
#12726d
```
#12726d rgb(18,114,109)
```
#15837d
```
#15837d rgb(21,131,125)
```
#18948d
```
#18948d rgb(24,148,141)
```
#1aa59d
```
#1aa59d rgb(26,165,157)
```
#1db6ad
```
#1db6ad rgb(29,182,173)
```
#20c7bd
```
#20c7bd rgb(32,199,189)
```
#22d8ce
```
#22d8ce rgb(34,216,206)
```

Shade Color Variation

#30ded4
```
#30ded4 rgb(48,222,212)
```
#41e1d8
```
#41e1d8 rgb(65,225,216)
```
#52e3db
```
#52e3db rgb(82,227,219)
```
#63e6df
```
#63e6df rgb(99,230,223)
```
#74e9e2
```
#74e9e2 rgb(116,233,226)
```
#85ebe6
```
#85ebe6 rgb(133,235,230)
```
#96eee9
```
#96eee9 rgb(150,238,233)
```
#a6f1ed
```
#a6f1ed rgb(166,241,237)
```
#b7f4f0
```
#b7f4f0 rgb(183,244,240)
```
#c8f6f4
```
#c8f6f4 rgb(200,246,244)
```
#d9f9f7
```
#d9f9f7 rgb(217,249,247)
```
#eafcfb
```
#eafcfb rgb(234,252,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#838b8a
```
#838b8a rgb(131,139,138)
```
#7a9493
```
#7a9493 rgb(122,148,147)
```
#719d9b
```
#719d9b rgb(113,157,155)
```
#67a7a3
```
#67a7a3 rgb(103,167,163)
```
#5eb0ab
```
#5eb0ab rgb(94,176,171)
```
#55b9b3
```
#55b9b3 rgb(85,185,179)
```
#4cc2bb
```
#4cc2bb rgb(76,194,187)
```
#42ccc4
```
#42ccc4 rgb(66,204,196)
```
#39d5cc
```
#39d5cc rgb(57,213,204)
```
#30ded4
```
#30ded4 rgb(48,222,212)
```
#27e7dc
```
#27e7dc rgb(39,231,220)
```
#1ef0e4
```
#1ef0e4 rgb(30,240,228)
```
#14faed
```
#14faed rgb(20,250,237)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#91b4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc9ca Protanopia 1% of men
#d3c5df Deuteranopia 1% of men
#4fdcec Tritanopia 0.001% of the population

Trichromacy

#94d1cd Protanomaly 1% of men, 0.01% of women
#97cedb Deuteranomaly 6% of men, 0.4% of women
#43dce3 Tritanomaly 0.01% of the population

#30ded4 hex color

#30ded4 Color Information

#30ded4 Color Conversion

Color Schemes with #30ded4

Alternatives to #30ded4

#30ded4 Preview

Shades and Tints of #30ded4

Tones of #30ded4

Color Blindness Simulator