#30dfda hex color

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

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

● #30dfda color description : Bright cyan.

The hexadecimal color #30dfda has RGB values of R:48, G:223, B:218 and CMYK values of C:0.78, M:0, Y:0.02, K:0.13. Its decimal value is 3203034.

Hex triplet	30dfda	`#30dfda`
RGB Decimal	48, 223, 218	`rgb(48,223,218)`
RGB Percent	18.8, 87.5, 85.5	`rgb(18.8%,87.5%,85.5%)`
CMYK	78, 0, 2, 13
HSL	178.3°, 73.2, 53.1	`hsl(178.3,73.2%,53.1%)`
HSV (or HSB)	178.3°, 78.5, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.995, -42.584, -9.78
XYZ	40.257, 58.462, 75.488
xyY	0.231, 0.336, 58.462
CIE-LCH	80.995, 43.693, 192.934
CIE-LUV	80.995, -60.055, -8.706
Hunter-Lab	76.46, -39.823, -5.014
Binary	00110000, 11011111, 11011010

#30dfda
```
#30dfda rgb(48,223,218)
```
#df3035
```
#df3035 rgb(223,48,53)
```

Complementary Color

#30df83
```
#30df83 rgb(48,223,131)
```
#30dfda
```
#30dfda rgb(48,223,218)
```
#308ddf
```
#308ddf rgb(48,141,223)
```

Analogous Color

#df8330
```
#df8330 rgb(223,131,48)
```
#30dfda
```
#30dfda rgb(48,223,218)
```
#df308d
```
#df308d rgb(223,48,141)
```

Split Complementary Color

#dfda30
```
#dfda30 rgb(223,218,48)
```
#30dfda
```
#30dfda rgb(48,223,218)
```
#da30df
```
#da30df rgb(218,48,223)
```

Triadic Color

#35df30
```
#35df30 rgb(53,223,48)
```
#30dfda
```
#30dfda rgb(48,223,218)
```
#da30df
```
#da30df rgb(218,48,223)
```
#df3035
```
#df3035 rgb(223,48,53)
```

Tetradic Color

#1aa8a4
```
#1aa8a4 rgb(26,168,164)
```
#1dbfba
```
#1dbfba rgb(29,191,186)
```
#21d5cf
```
#21d5cf rgb(33,213,207)
```
#30dfda
```
#30dfda rgb(48,223,218)
```
#46e2de
```
#46e2de rgb(70,226,222)
```
#5ce6e2
```
#5ce6e2 rgb(92,230,226)
```
#72e9e6
```
#72e9e6 rgb(114,233,230)
```

Monochromatic Color

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

#30dfae
```
#30dfae rgb(48,223,174)
```
#30dfbd
```
#30dfbd rgb(48,223,189)
```
#30dfcb
```
#30dfcb rgb(48,223,203)
```
#30dfda
```
#30dfda rgb(48,223,218)
```
#30d5df
```
#30d5df rgb(48,213,223)
```
#30c7df
```
#30c7df rgb(48,199,223)
```
#30b8df
```
#30b8df rgb(48,184,223)
```

Similar Colors

Text with hexadecimal color #30dfda

This text has a font color of #30dfda.

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

#30dfda background color

This paragraph has a background color of #30dfda.

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

#30dfda border color

This element has a border color of #30dfda.

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

CSS codes

.text {color:#30dfda;}

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

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

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)
```
#051f1e
```
#051f1e rgb(5,31,30)
```
#07302f
```
#07302f rgb(7,48,47)
```
#0a413f
```
#0a413f rgb(10,65,63)
```
#0d5250
```
#0d5250 rgb(13,82,80)
```
#0f6360
```
#0f6360 rgb(15,99,96)
```
#127471
```
#127471 rgb(18,116,113)
```
#158582
```
#158582 rgb(21,133,130)
```
#179692
```
#179692 rgb(23,150,146)
```
#1aa7a3
```
#1aa7a3 rgb(26,167,163)
```
#1cb8b3
```
#1cb8b3 rgb(28,184,179)
```
#1fc9c4
```
#1fc9c4 rgb(31,201,196)
```
#22dad4
```
#22dad4 rgb(34,218,212)
```

Shade Color Variation

#30dfda
```
#30dfda rgb(48,223,218)
```
#41e2dd
```
#41e2dd rgb(65,226,221)
```
#52e4e0
```
#52e4e0 rgb(82,228,224)
```
#63e7e3
```
#63e7e3 rgb(99,231,227)
```
#74eae6
```
#74eae6 rgb(116,234,230)
```
#85ece9
```
#85ece9 rgb(133,236,233)
```
#96efec
```
#96efec rgb(150,239,236)
```
#a7f1ef
```
#a7f1ef rgb(167,241,239)
```
#b8f4f2
```
#b8f4f2 rgb(184,244,242)
```
#c9f7f5
```
#c9f7f5 rgb(201,247,245)
```
#daf9f8
```
#daf9f8 rgb(218,249,248)
```
#ebfcfb
```
#ebfcfb rgb(235,252,251)
```
#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 #14fbf4 is the most saturated one.

#838c8c
```
#838c8c rgb(131,140,140)
```
#7a9595
```
#7a9595 rgb(122,149,149)
```
#709f9d
```
#709f9d rgb(112,159,157)
```
#67a8a6
```
#67a8a6 rgb(103,168,166)
```
#5eb1af
```
#5eb1af rgb(94,177,175)
```
#55bab7
```
#55bab7 rgb(85,186,183)
```
#4cc3c0
```
#4cc3c0 rgb(76,195,192)
```
#42cdc9
```
#42cdc9 rgb(66,205,201)
```
#39d6d1
```
#39d6d1 rgb(57,214,209)
```
#30dfda
```
#30dfda rgb(48,223,218)
```
#27e8e3
```
#27e8e3 rgb(39,232,227)
```
#1ef1eb
```
#1ef1eb rgb(30,241,235)
```
#14fbf4
```
#14fbf4 rgb(20,251,244)
```

Tone Color Variation

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

#cecacf Protanopia 1% of men
#d2c7e5 Deuteranopia 1% of men
#4cddee Tritanopia 0.001% of the population

Trichromacy

#94d2d3 Protanomaly 1% of men, 0.01% of women
#97cfe1 Deuteranomaly 6% of men, 0.4% of women
#42dee6 Tritanomaly 0.01% of the population

#30dfda hex color

#30dfda Color Information

#30dfda Color Conversion

Color Schemes with #30dfda

Alternatives to #30dfda

#30dfda Preview

Shades and Tints of #30dfda

Tones of #30dfda

Color Blindness Simulator