#30dfdd hex color

In a RGB color space, hex #30dfdd is composed of 18.8% red, 87.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 0% magenta, 0.9% yellow and 12.5% black. It has a hue angle of 179.3 degrees, a saturation of 73.2% and a lightness of 53.1%. #30dfdd color hex could be obtained by blending #60ffff with #00bfbb. Closest websafe color is: #33cccc.

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

● #30dfdd color description : Bright cyan.

The hexadecimal color #30dfdd has RGB values of R:48, G:223, B:221 and CMYK values of C:0.78, M:0, Y:0.01, K:0.13. Its decimal value is 3203037.

Hex triplet	30dfdd	`#30dfdd`
RGB Decimal	48, 223, 221	`rgb(48,223,221)`
RGB Percent	18.8, 87.5, 86.7	`rgb(18.8%,87.5%,86.7%)`
CMYK	78, 0, 1, 13
HSL	179.3°, 73.2, 53.1	`hsl(179.3,73.2%,53.1%)`
HSV (or HSB)	179.3°, 78.5, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.082, -41.734, -11.245
XYZ	40.654, 58.62, 77.575
xyY	0.23, 0.331, 58.62
CIE-LCH	81.082, 43.223, 195.08
CIE-LUV	81.082, -59.834, -11.212
Hunter-Lab	76.564, -39.207, -6.478
Binary	00110000, 11011111, 11011101

#30dfdd
```
#30dfdd rgb(48,223,221)
```
#df3032
```
#df3032 rgb(223,48,50)
```

Complementary Color

#30df86
```
#30df86 rgb(48,223,134)
```
#30dfdd
```
#30dfdd rgb(48,223,221)
```
#308adf
```
#308adf rgb(48,138,223)
```

Analogous Color

#df8630
```
#df8630 rgb(223,134,48)
```
#30dfdd
```
#30dfdd rgb(48,223,221)
```
#df308a
```
#df308a rgb(223,48,138)
```

Split Complementary Color

#dfdd30
```
#dfdd30 rgb(223,221,48)
```
#30dfdd
```
#30dfdd rgb(48,223,221)
```
#dd30df
```
#dd30df rgb(221,48,223)
```

Triadic Color

#32df30
```
#32df30 rgb(50,223,48)
```
#30dfdd
```
#30dfdd rgb(48,223,221)
```
#dd30df
```
#dd30df rgb(221,48,223)
```
#df3032
```
#df3032 rgb(223,48,50)
```

Tetradic Color

#1aa8a7
```
#1aa8a7 rgb(26,168,167)
```
#1dbfbd
```
#1dbfbd rgb(29,191,189)
```
#21d5d3
```
#21d5d3 rgb(33,213,211)
```
#30dfdd
```
#30dfdd rgb(48,223,221)
```
#46e2e1
```
#46e2e1 rgb(70,226,225)
```
#5ce6e4
```
#5ce6e4 rgb(92,230,228)
```
#72e9e8
```
#72e9e8 rgb(114,233,232)
```

Monochromatic Color

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

#30dfb1
```
#30dfb1 rgb(48,223,177)
```
#30dfc0
```
#30dfc0 rgb(48,223,192)
```
#30dfce
```
#30dfce rgb(48,223,206)
```
#30dfdd
```
#30dfdd rgb(48,223,221)
```
#30d2df
```
#30d2df rgb(48,210,223)
```
#30c4df
```
#30c4df rgb(48,196,223)
```
#30b5df
```
#30b5df rgb(48,181,223)
```

Similar Colors

Text with hexadecimal color #30dfdd

This text has a font color of #30dfdd.

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

#30dfdd background color

This paragraph has a background color of #30dfdd.

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

#30dfdd border color

This element has a border color of #30dfdd.

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

CSS codes

.text {color:#30dfdd;}

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

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

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

#020e0e
```
#020e0e rgb(2,14,14)
```
#051f1f
```
#051f1f rgb(5,31,31)
```
#07302f
```
#07302f rgb(7,48,47)
```
#0a4140
```
#0a4140 rgb(10,65,64)
```
#0d5251
```
#0d5251 rgb(13,82,81)
```
#0f6362
```
#0f6362 rgb(15,99,98)
```
#127473
```
#127473 rgb(18,116,115)
```
#158583
```
#158583 rgb(21,133,131)
```
#179694
```
#179694 rgb(23,150,148)
```
#1aa7a5
```
#1aa7a5 rgb(26,167,165)
```
#1cb8b6
```
#1cb8b6 rgb(28,184,182)
```
#1fc9c7
```
#1fc9c7 rgb(31,201,199)
```
#22dad8
```
#22dad8 rgb(34,218,216)
```

Shade Color Variation

#30dfdd
```
#30dfdd rgb(48,223,221)
```
#41e2e0
```
#41e2e0 rgb(65,226,224)
```
#52e4e3
```
#52e4e3 rgb(82,228,227)
```
#63e7e5
```
#63e7e5 rgb(99,231,229)
```
#74eae8
```
#74eae8 rgb(116,234,232)
```
#85eceb
```
#85eceb rgb(133,236,235)
```
#96efee
```
#96efee rgb(150,239,238)
```
#a7f1f1
```
#a7f1f1 rgb(167,241,241)
```
#b8f4f3
```
#b8f4f3 rgb(184,244,243)
```
#c9f7f6
```
#c9f7f6 rgb(201,247,246)
```
#daf9f9
```
#daf9f9 rgb(218,249,249)
```
#ebfcfc
```
#ebfcfc rgb(235,252,252)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#838c8c
```
#838c8c rgb(131,140,140)
```
#7a9595
```
#7a9595 rgb(122,149,149)
```
#709f9e
```
#709f9e rgb(112,159,158)
```
#67a8a7
```
#67a8a7 rgb(103,168,167)
```
#5eb1b0
```
#5eb1b0 rgb(94,177,176)
```
#55bab9
```
#55bab9 rgb(85,186,185)
```
#4cc3c2
```
#4cc3c2 rgb(76,195,194)
```
#42cdcb
```
#42cdcb rgb(66,205,203)
```
#39d6d4
```
#39d6d4 rgb(57,214,212)
```
#30dfdd
```
#30dfdd rgb(48,223,221)
```
#27e8e6
```
#27e8e6 rgb(39,232,230)
```
#1ef1ef
```
#1ef1ef rgb(30,241,239)
```
#14fbf8
```
#14fbf8 rgb(20,251,248)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#92b5b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcbd2 Protanopia 1% of men
#d1c7e8 Deuteranopia 1% of men
#4adeee Tritanopia 0.001% of the population

Trichromacy

#94d2d6 Protanomaly 1% of men, 0.01% of women
#96d0e4 Deuteranomaly 6% of men, 0.4% of women
#40dee8 Tritanomaly 0.01% of the population

#30dfdd hex color

#30dfdd Color Information

#30dfdd Color Conversion

Color Schemes with #30dfdd

Alternatives to #30dfdd

#30dfdd Preview

Shades and Tints of #30dfdd

Tones of #30dfdd

Color Blindness Simulator