#30decc hex color

In a RGB color space, hex #30decc is composed of 18.8% red, 87.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 0% magenta, 8.1% yellow and 12.9% black. It has a hue angle of 173.8 degrees, a saturation of 72.5% and a lightness of 52.9%. #30decc color hex could be obtained by blending #60ffff with #00bd99. 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

● #30decc color description : Bright cyan.

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

Hex triplet	30decc	`#30decc`
RGB Decimal	48, 222, 204	`rgb(48,222,204)`
RGB Percent	18.8, 87.1, 80	`rgb(18.8%,87.1%,80%)`
CMYK	78, 0, 8, 13
HSL	173.8°, 72.5, 52.9	`hsl(173.8,72.5%,52.9%)`
HSV (or HSB)	173.8°, 78.4, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.307, -46.014, -3.347
XYZ	38.236, 57.227, 66.154
xyY	0.237, 0.354, 57.227
CIE-LCH	80.307, 46.136, 184.16
CIE-LUV	80.307, -60.738, 2.065
Hunter-Lab	75.648, -42.164, 1.105
Binary	00110000, 11011110, 11001100

#30decc
```
#30decc rgb(48,222,204)
```
#de3042
```
#de3042 rgb(222,48,66)
```

Complementary Color

#30de75
```
#30de75 rgb(48,222,117)
```
#30decc
```
#30decc rgb(48,222,204)
```
#3099de
```
#3099de rgb(48,153,222)
```

Analogous Color

#de7530
```
#de7530 rgb(222,117,48)
```
#30decc
```
#30decc rgb(48,222,204)
```
#de3099
```
#de3099 rgb(222,48,153)
```

Split Complementary Color

#decc30
```
#decc30 rgb(222,204,48)
```
#30decc
```
#30decc rgb(48,222,204)
```
#cc30de
```
#cc30de rgb(204,48,222)
```

Triadic Color

#42de30
```
#42de30 rgb(66,222,48)
```
#30decc
```
#30decc rgb(48,222,204)
```
#cc30de
```
#cc30de rgb(204,48,222)
```
#de3042
```
#de3042 rgb(222,48,66)
```

Tetradic Color

#1ba798
```
#1ba798 rgb(27,167,152)
```
#1ebdac
```
#1ebdac rgb(30,189,172)
```
#22d3c1
```
#22d3c1 rgb(34,211,193)
```
#30decc
```
#30decc rgb(48,222,204)
```
#46e2d1
```
#46e2d1 rgb(70,226,209)
```
#5ce5d7
```
#5ce5d7 rgb(92,229,215)
```
#72e9dc
```
#72e9dc rgb(114,233,220)
```

Monochromatic Color

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

#30dea1
```
#30dea1 rgb(48,222,161)
```
#30deaf
```
#30deaf rgb(48,222,175)
```
#30debe
```
#30debe rgb(48,222,190)
```
#30decc
```
#30decc rgb(48,222,204)
```
#30dedb
```
#30dedb rgb(48,222,219)
```
#30d3de
```
#30d3de rgb(48,211,222)
```
#30c5de
```
#30c5de rgb(48,197,222)
```

Similar Colors

Text with hexadecimal color #30decc

This text has a font color of #30decc.

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

#30decc background color

This paragraph has a background color of #30decc.

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

#30decc border color

This element has a border color of #30decc.

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

CSS codes

.text {color:#30decc;}

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

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

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)
```
#051e1b
```
#051e1b rgb(5,30,27)
```
#072f2b
```
#072f2b rgb(7,47,43)
```
#0a403a
```
#0a403a rgb(10,64,58)
```
#0d514a
```
#0d514a rgb(13,81,74)
```
#106259
```
#106259 rgb(16,98,89)
```
#127268
```
#127268 rgb(18,114,104)
```
#158378
```
#158378 rgb(21,131,120)
```
#189487
```
#189487 rgb(24,148,135)
```
#1aa597
```
#1aa597 rgb(26,165,151)
```
#1db6a6
```
#1db6a6 rgb(29,182,166)
```
#20c7b6
```
#20c7b6 rgb(32,199,182)
```
#22d8c5
```
#22d8c5 rgb(34,216,197)
```

Shade Color Variation

#30decc
```
#30decc rgb(48,222,204)
```
#41e1d0
```
#41e1d0 rgb(65,225,208)
```
#52e3d4
```
#52e3d4 rgb(82,227,212)
```
#63e6d9
```
#63e6d9 rgb(99,230,217)
```
#74e9dd
```
#74e9dd rgb(116,233,221)
```
#85ebe1
```
#85ebe1 rgb(133,235,225)
```
#96eee5
```
#96eee5 rgb(150,238,229)
```
#a6f1e9
```
#a6f1e9 rgb(166,241,233)
```
#b7f4ed
```
#b7f4ed rgb(183,244,237)
```
#c8f6f2
```
#c8f6f2 rgb(200,246,242)
```
#d9f9f6
```
#d9f9f6 rgb(217,249,246)
```
#eafcfa
```
#eafcfa rgb(234,252,250)
```
#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 #14fae2 is the most saturated one.

#838b8a
```
#838b8a rgb(131,139,138)
```
#7a9491
```
#7a9491 rgb(122,148,145)
```
#719d99
```
#719d99 rgb(113,157,153)
```
#67a7a0
```
#67a7a0 rgb(103,167,160)
```
#5eb0a7
```
#5eb0a7 rgb(94,176,167)
```
#55b9af
```
#55b9af rgb(85,185,175)
```
#4cc2b6
```
#4cc2b6 rgb(76,194,182)
```
#42ccbd
```
#42ccbd rgb(66,204,189)
```
#39d5c5
```
#39d5c5 rgb(57,213,197)
```
#30decc
```
#30decc rgb(48,222,204)
```
#27e7d3
```
#27e7d3 rgb(39,231,211)
```
#1ef0db
```
#1ef0db rgb(30,240,219)
```
#14fae2
```
#14fae2 rgb(20,250,226)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#90b3af Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc9c2 Protanopia 1% of men
#d6c4d8 Deuteranopia 1% of men
#53dbeb Tritanopia 0.001% of the population

Trichromacy

#95d0c6 Protanomaly 1% of men, 0.01% of women
#99cdd3 Deuteranomaly 6% of men, 0.4% of women
#46dcdf Tritanomaly 0.01% of the population

#30decc hex color

#30decc Color Information

#30decc Color Conversion

Color Schemes with #30decc

Alternatives to #30decc

#30decc Preview

Shades and Tints of #30decc

Tones of #30decc

Color Blindness Simulator