colorhexa.com

#30eddd hex color

In a RGB color space, hex #30eddd is composed of 18.8% red, 92.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 6.8% yellow and 7.1% black. It has a hue angle of 174.9 degrees, a saturation of 84% and a lightness of 55.9%. #30eddd color hex could be obtained by blending #60ffff with #00dbbb. Closest websafe color is: #33ffcc.

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

● #30eddd color description : Bright cyan.

The hexadecimal color #30eddd has RGB values of R:48, G:237, B:221 and CMYK values of C:0.8, M:0, Y:0.07, K:0.07. Its decimal value is 3206621.

Hex triplet	30eddd	`#30eddd`
RGB Decimal	48, 237, 221	`rgb(48,237,221)`
RGB Percent	18.8, 92.9, 86.7	`rgb(18.8%,92.9%,86.7%)`
CMYK	80, 0, 7, 7
HSL	174.9°, 84, 55.9	`hsl(174.9,84%,55.9%)`
HSV (or HSB)	174.9°, 79.7, 92.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.207, -47.841, -5.126
XYZ	44.55, 66.413, 78.874
xyY	0.235, 0.35, 66.413
CIE-LCH	85.207, 48.114, 186.115
CIE-LUV	85.207, -64.615, -0.451
Hunter-Lab	81.494, -45.035, -0.338
Binary	00110000, 11101101, 11011101

#30eddd
```
#30eddd rgb(48,237,221)
```
#ed3040
```
#ed3040 rgb(237,48,64)
```

Complementary Color

#30ed7f
```
#30ed7f rgb(48,237,127)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#309fed
```
#309fed rgb(48,159,237)
```

Analogous Color

#ed7f30
```
#ed7f30 rgb(237,127,48)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#ed309f
```
#ed309f rgb(237,48,159)
```

Split Complementary Color

#eddd30
```
#eddd30 rgb(237,221,48)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#dd30ed
```
#dd30ed rgb(221,48,237)
```

Triadic Color

#40ed30
```
#40ed30 rgb(64,237,48)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#dd30ed
```
#dd30ed rgb(221,48,237)
```
#ed3040
```
#ed3040 rgb(237,48,64)
```

Tetradic Color

#11c0b1
```
#11c0b1 rgb(17,192,177)
```
#13d7c7
```
#13d7c7 rgb(19,215,199)
```
#19ebd9
```
#19ebd9 rgb(25,235,217)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#47efe1
```
#47efe1 rgb(71,239,225)
```
#5ff1e5
```
#5ff1e5 rgb(95,241,229)
```
#76f3e9
```
#76f3e9 rgb(118,243,233)
```

Monochromatic Color

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

#30edae
```
#30edae rgb(48,237,174)
```
#30edbe
```
#30edbe rgb(48,237,190)
```
#30edcd
```
#30edcd rgb(48,237,205)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#30eded
```
#30eded rgb(48,237,237)
```
#30deed
```
#30deed rgb(48,222,237)
```
#30ceed
```
#30ceed rgb(48,206,237)
```

Similar Colors

Text with hexadecimal color #30eddd

This text has a font color of #30eddd.

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

#30eddd background color

This paragraph has a background color of #30eddd.

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

#30eddd border color

This element has a border color of #30eddd.

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

CSS codes

.text {color:#30eddd;}

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

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

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, #010a09 is the darkest color, while #f7fefe is the lightest one.

#010a09
```
#010a09 rgb(1,10,9)
```
#021c19
```
#021c19 rgb(2,28,25)
```
#042e2a
```
#042e2a rgb(4,46,42)
```
#06403b
```
#06403b rgb(6,64,59)
```
#07524b
```
#07524b rgb(7,82,75)
```
#09645c
```
#09645c rgb(9,100,92)
```
#0a766d
```
#0a766d rgb(10,118,109)
```
#0c887d
```
#0c887d rgb(12,136,125)
```
#0d9a8e
```
#0d9a8e rgb(13,154,142)
```
#0fac9f
```
#0fac9f rgb(15,172,159)
```
#11beaf
```
#11beaf rgb(17,190,175)
```
#12d0c0
```
#12d0c0 rgb(18,208,192)
```
#14e2d1
```
#14e2d1 rgb(20,226,209)
```

Shade Color Variation

#1eebda
```
#1eebda rgb(30,235,218)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#42efe0
```
#42efe0 rgb(66,239,224)
```
#54f0e3
```
#54f0e3 rgb(84,240,227)
```
#66f2e6
```
#66f2e6 rgb(102,242,230)
```
#78f3e9
```
#78f3e9 rgb(120,243,233)
```
#8af5ec
```
#8af5ec rgb(138,245,236)
```
#9cf6ef
```
#9cf6ef rgb(156,246,239)
```
#aef8f2
```
#aef8f2 rgb(174,248,242)
```
#c0faf5
```
#c0faf5 rgb(192,250,245)
```
#d2fbf8
```
#d2fbf8 rgb(210,251,248)
```
#e4fdfb
```
#e4fdfb rgb(228,253,251)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

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

#879695
```
#879695 rgb(135,150,149)
```
#7e9f9c
```
#7e9f9c rgb(126,159,156)
```
#75a8a3
```
#75a8a3 rgb(117,168,163)
```
#6db0ab
```
#6db0ab rgb(109,176,171)
```
#64b9b2
```
#64b9b2 rgb(100,185,178)
```
#5bc2b9
```
#5bc2b9 rgb(91,194,185)
```
#53cac0
```
#53cac0 rgb(83,202,192)
```
#4ad3c7
```
#4ad3c7 rgb(74,211,199)
```
#41dccf
```
#41dccf rgb(65,220,207)
```
#39e4d6
```
#39e4d6 rgb(57,228,214)
```
#30eddd
```
#30eddd rgb(48,237,221)
```
#27f6e4
```
#27f6e4 rgb(39,246,228)
```
#1ffeeb
```
#1ffeeb rgb(31,254,235)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#99bfbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd6d2 Protanopia 1% of men
#e2d1e9 Deuteranopia 1% of men
#54e9fa Tritanopia 0.001% of the population

Trichromacy

#9dded6 Protanomaly 1% of men, 0.01% of women
#a1dbe4 Deuteranomaly 6% of men, 0.4% of women
#47eaef Tritanomaly 0.01% of the population