#30dfe0 hex color

In a RGB color space, hex #30dfe0 is composed of 18.8% red, 87.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 180.3 degrees, a saturation of 73.9% and a lightness of 53.3%. #30dfe0 color hex could be obtained by blending #60ffff with #00bfc1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 87
- B 88
RGB color chart
- C 79
- M 0
- Y 0
- K 12
CMYK color chart

● #30dfe0 color description : Bright cyan.

The hexadecimal color #30dfe0 has RGB values of R:48, G:223, B:224 and CMYK values of C:0.79, M:0, Y:0, K:0.12. Its decimal value is 3203040.

Hex triplet	30dfe0	`#30dfe0`
RGB Decimal	48, 223, 224	`rgb(48,223,224)`
RGB Percent	18.8, 87.5, 87.8	`rgb(18.8%,87.5%,87.8%)`
CMYK	79, 0, 0, 12
HSL	180.3°, 73.9, 53.3	`hsl(180.3,73.9%,53.3%)`
HSV (or HSB)	180.3°, 78.6, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.171, -40.876, -12.707
XYZ	41.057, 58.782, 79.699
xyY	0.229, 0.327, 58.782
CIE-LCH	81.171, 42.806, 197.269
CIE-LUV	81.171, -59.613, -13.728
Hunter-Lab	76.669, -38.583, -7.965
Binary	00110000, 11011111, 11100000

#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#e03130
```
#e03130 rgb(224,49,48)
```

Complementary Color

#30e089
```
#30e089 rgb(48,224,137)
```
#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#3087e0
```
#3087e0 rgb(48,135,224)
```

Analogous Color

#e08930
```
#e08930 rgb(224,137,48)
```
#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#e03087
```
#e03087 rgb(224,48,135)
```

Split Complementary Color

#dfe030
```
#dfe030 rgb(223,224,48)
```
#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#e030df
```
#e030df rgb(224,48,223)
```

Triadic Color

#30e031
```
#30e031 rgb(48,224,49)
```
#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#e030df
```
#e030df rgb(224,48,223)
```
#e03130
```
#e03130 rgb(224,49,48)
```

Tetradic Color

#19a9aa
```
#19a9aa rgb(25,169,170)
```
#1dbfc0
```
#1dbfc0 rgb(29,191,192)
```
#20d5d6
```
#20d5d6 rgb(32,213,214)
```
#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#46e2e3
```
#46e2e3 rgb(70,226,227)
```
#5ce6e7
```
#5ce6e7 rgb(92,230,231)
```
#73e9ea
```
#73e9ea rgb(115,233,234)
```

Monochromatic Color

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

#30e0b5
```
#30e0b5 rgb(48,224,181)
```
#30e0c4
```
#30e0c4 rgb(48,224,196)
```
#30e0d2
```
#30e0d2 rgb(48,224,210)
```
#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#30d0e0
```
#30d0e0 rgb(48,208,224)
```
#30c2e0
```
#30c2e0 rgb(48,194,224)
```
#30b3e0
```
#30b3e0 rgb(48,179,224)
```

Similar Colors

Text with hexadecimal color #30dfe0

This text has a font color of #30dfe0.

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

#30dfe0 background color

This paragraph has a background color of #30dfe0.

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

#30dfe0 border color

This element has a border color of #30dfe0.

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

CSS codes

.text {color:#30dfe0;}

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

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

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

#020f0f
```
#020f0f rgb(2,15,15)
```
#052020
```
#052020 rgb(5,32,32)
```
#073131
```
#073131 rgb(7,49,49)
```
#0a4242
```
#0a4242 rgb(10,66,66)
```
#0c5353
```
#0c5353 rgb(12,83,83)
```
#0f6464
```
#0f6464 rgb(15,100,100)
```
#127575
```
#127575 rgb(18,117,117)
```
#148686
```
#148686 rgb(20,134,134)
```
#179797
```
#179797 rgb(23,151,151)
```
#19a8a8
```
#19a8a8 rgb(25,168,168)
```
#1cb8b9
```
#1cb8b9 rgb(28,184,185)
```
#1ec9ca
```
#1ec9ca rgb(30,201,202)
```
#21dadc
```
#21dadc rgb(33,218,220)
```

Shade Color Variation

#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#41e2e3
```
#41e2e3 rgb(65,226,227)
```
#52e4e5
```
#52e4e5 rgb(82,228,229)
```
#63e7e8
```
#63e7e8 rgb(99,231,232)
```
#74eaea
```
#74eaea rgb(116,234,234)
```
#85eced
```
#85eced rgb(133,236,237)
```
#96efef
```
#96efef rgb(150,239,239)
```
#a7f1f2
```
#a7f1f2 rgb(167,241,242)
```
#b8f4f4
```
#b8f4f4 rgb(184,244,244)
```
#caf7f7
```
#caf7f7 rgb(202,247,247)
```
#dbf9fa
```
#dbf9fa rgb(219,249,250)
```
#ecfcfc
```
#ecfcfc rgb(236,252,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828e8e is the less saturated color, while #15fafb is the most saturated one.

#828e8e
```
#828e8e rgb(130,142,142)
```
#799797
```
#799797 rgb(121,151,151)
```
#70a0a0
```
#70a0a0 rgb(112,160,160)
```
#67a9a9
```
#67a9a9 rgb(103,169,169)
```
#5eb2b2
```
#5eb2b2 rgb(94,178,178)
```
#55bbbb
```
#55bbbb rgb(85,187,187)
```
#4bc4c5
```
#4bc4c5 rgb(75,196,197)
```
#42cdce
```
#42cdce rgb(66,205,206)
```
#39d6d7
```
#39d6d7 rgb(57,214,215)
```
#30dfe0
```
#30dfe0 rgb(48,223,224)
```
#27e8e9
```
#27e8e9 rgb(39,232,233)
```
#1ef1f2
```
#1ef1f2 rgb(30,241,242)
```
#15fafb
```
#15fafb rgb(21,250,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#92b5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbd5 Protanopia 1% of men
#cfc7ea Deuteranopia 1% of men
#48deee Tritanopia 0.001% of the population

Trichromacy

#93d2d9 Protanomaly 1% of men, 0.01% of women
#95d0e6 Deuteranomaly 6% of men, 0.4% of women
#3fdee9 Tritanomaly 0.01% of the population

#30dfe0 hex color

#30dfe0 Color Information

#30dfe0 Color Conversion

Color Schemes with #30dfe0

Alternatives to #30dfe0

#30dfe0 Preview

Shades and Tints of #30dfe0

Tones of #30dfe0

Color Blindness Simulator