colorhexa.com

#30ecd1 hex color

In a RGB color space, hex #30ecd1 is composed of 18.8% red, 92.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 11.4% yellow and 7.5% black. It has a hue angle of 171.4 degrees, a saturation of 83.2% and a lightness of 55.7%. #30ecd1 color hex could be obtained by blending #60ffff with #00d9a3. Closest websafe color is: #33ffcc.

- R 19
- G 93
- B 82
RGB color chart
- C 80
- M 0
- Y 11
- K 7
CMYK color chart

● #30ecd1 color description : Bright cyan.

The hexadecimal color #30ecd1 has RGB values of R:48, G:236, B:209 and CMYK values of C:0.8, M:0, Y:0.11, K:0.07. Its decimal value is 3206353.

Hex triplet	30ecd1	`#30ecd1`
RGB Decimal	48, 236, 209	`rgb(48,236,209)`
RGB Percent	18.8, 92.5, 82	`rgb(18.8%,92.5%,82%)`
CMYK	80, 0, 11, 7
HSL	171.4°, 83.2, 55.7	`hsl(171.4,83.2%,55.7%)`
HSV (or HSB)	171.4°, 79.7, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.596, -50.605, 0.291
XYZ	42.719, 65.218, 70.655
xyY	0.239, 0.365, 65.218
CIE-LCH	84.596, 50.606, 179.671
CIE-LUV	84.596, -65.16, 8.497
Hunter-Lab	80.758, -46.904, 4.658
Binary	00110000, 11101100, 11010001

#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#ec304b
```
#ec304b rgb(236,48,75)
```

Complementary Color

#30ec73
```
#30ec73 rgb(48,236,115)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#30a9ec
```
#30a9ec rgb(48,169,236)
```

Analogous Color

#ec7330
```
#ec7330 rgb(236,115,48)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#ec30a9
```
#ec30a9 rgb(236,48,169)
```

Split Complementary Color

#ecd130
```
#ecd130 rgb(236,209,48)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#d130ec
```
#d130ec rgb(209,48,236)
```

Triadic Color

#4bec30
```
#4bec30 rgb(75,236,48)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#d130ec
```
#d130ec rgb(209,48,236)
```
#ec304b
```
#ec304b rgb(236,48,75)
```

Tetradic Color

#11bea5
```
#11bea5 rgb(17,190,165)
```
#14d5ba
```
#14d5ba rgb(20,213,186)
```
#19eacc
```
#19eacc rgb(25,234,204)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#47eed6
```
#47eed6 rgb(71,238,214)
```
#5ff0db
```
#5ff0db rgb(95,240,219)
```
#76f2e1
```
#76f2e1 rgb(118,242,225)
```

Monochromatic Color

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

#30eca2
```
#30eca2 rgb(48,236,162)
```
#30ecb2
```
#30ecb2 rgb(48,236,178)
```
#30ecc1
```
#30ecc1 rgb(48,236,193)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#30ece1
```
#30ece1 rgb(48,236,225)
```
#30e8ec
```
#30e8ec rgb(48,232,236)
```
#30d8ec
```
#30d8ec rgb(48,216,236)
```

Similar Colors

Text with hexadecimal color #30ecd1

This text has a font color of #30ecd1.

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

#30ecd1 background color

This paragraph has a background color of #30ecd1.

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

#30ecd1 border color

This element has a border color of #30ecd1.

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

CSS codes

.text {color:#30ecd1;}

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

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

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, #010907 is the darkest color, while #f6fefd is the lightest one.

#010907
```
#010907 rgb(1,9,7)
```
#021b17
```
#021b17 rgb(2,27,23)
```
#042d27
```
#042d27 rgb(4,45,39)
```
#063e36
```
#063e36 rgb(6,62,54)
```
#075046
```
#075046 rgb(7,80,70)
```
#096256
```
#096256 rgb(9,98,86)
```
#0b7465
```
#0b7465 rgb(11,116,101)
```
#0c8675
```
#0c8675 rgb(12,134,117)
```
#0e9884
```
#0e9884 rgb(14,152,132)
```
#10aa94
```
#10aa94 rgb(16,170,148)
```
#11bca4
```
#11bca4 rgb(17,188,164)
```
#13ceb3
```
#13ceb3 rgb(19,206,179)
```
#15e0c3
```
#15e0c3 rgb(21,224,195)
```

Shade Color Variation

#1eeacd
```
#1eeacd rgb(30,234,205)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#42eed5
```
#42eed5 rgb(66,238,213)
```
#54efd9
```
#54efd9 rgb(84,239,217)
```
#66f1dd
```
#66f1dd rgb(102,241,221)
```
#78f3e1
```
#78f3e1 rgb(120,243,225)
```
#8af4e5
```
#8af4e5 rgb(138,244,229)
```
#9cf6e9
```
#9cf6e9 rgb(156,246,233)
```
#aef8ed
```
#aef8ed rgb(174,248,237)
```
#c0f9f1
```
#c0f9f1 rgb(192,249,241)
```
#d2fbf5
```
#d2fbf5 rgb(210,251,245)
```
#e4fcf9
```
#e4fcf9 rgb(228,252,249)
```
#f6fefd
```
#f6fefd rgb(246,254,253)
```

Tint Color Variation

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

#879593
```
#879593 rgb(135,149,147)
```
#7e9e99
```
#7e9e99 rgb(126,158,153)
```
#76a69f
```
#76a69f rgb(118,166,159)
```
#6dafa6
```
#6dafa6 rgb(109,175,166)
```
#64b8ac
```
#64b8ac rgb(100,184,172)
```
#5bc1b2
```
#5bc1b2 rgb(91,193,178)
```
#53c9b8
```
#53c9b8 rgb(83,201,184)
```
#4ad2be
```
#4ad2be rgb(74,210,190)
```
#41dbc5
```
#41dbc5 rgb(65,219,197)
```
#39e3cb
```
#39e3cb rgb(57,227,203)
```
#30ecd1
```
#30ecd1 rgb(48,236,209)
```
#27f5d7
```
#27f5d7 rgb(39,245,215)
```
#1ffddd
```
#1ffddd rgb(31,253,221)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97bdb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd4c6 Protanopia 1% of men
#e5cfdd Deuteranopia 1% of men
#5ae7f8 Tritanopia 0.001% of the population

Trichromacy

#9dddca Protanomaly 1% of men, 0.01% of women
#a3d9d9 Deuteranomaly 6% of men, 0.4% of women
#4ae9ea Tritanomaly 0.01% of the population