#30e2d2 hex color

In a RGB color space, hex #30e2d2 is composed of 18.8% red, 88.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 0% magenta, 7.1% yellow and 11.4% black. It has a hue angle of 174.6 degrees, a saturation of 75.4% and a lightness of 53.7%. #30e2d2 color hex could be obtained by blending #60ffff with #00c5a5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 89
- B 82
RGB color chart
- C 79
- M 0
- Y 7
- K 11
CMYK color chart

● #30e2d2 color description : Bright cyan.

The hexadecimal color #30e2d2 has RGB values of R:48, G:226, B:210 and CMYK values of C:0.79, M:0, Y:0.07, K:0.11. Its decimal value is 3203794.

Hex triplet	30e2d2	`#30e2d2`
RGB Decimal	48, 226, 210	`rgb(48,226,210)`
RGB Percent	18.8, 88.6, 82.4	`rgb(18.8%,88.6%,82.4%)`
CMYK	79, 0, 7, 11
HSL	174.6°, 75.4, 53.7	`hsl(174.6,75.4%,53.7%)`
HSV (or HSB)	174.6°, 78.8, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.659, -46.11, -4.546
XYZ	40.044, 59.67, 70.376
xyY	0.235, 0.351, 59.67
CIE-LCH	81.659, 46.333, 185.63
CIE-LUV	81.659, -61.673, 0.197
Hunter-Lab	77.247, -42.648, 0.056
Binary	00110000, 11100010, 11010010

#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#e23040
```
#e23040 rgb(226,48,64)
```

Complementary Color

#30e279
```
#30e279 rgb(48,226,121)
```
#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#3099e2
```
#3099e2 rgb(48,153,226)
```

Analogous Color

#e27930
```
#e27930 rgb(226,121,48)
```
#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#e23099
```
#e23099 rgb(226,48,153)
```

Split Complementary Color

#e2d230
```
#e2d230 rgb(226,210,48)
```
#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#d230e2
```
#d230e2 rgb(210,48,226)
```

Triadic Color

#40e230
```
#40e230 rgb(64,226,48)
```
#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#d230e2
```
#d230e2 rgb(210,48,226)
```
#e23040
```
#e23040 rgb(226,48,64)
```

Tetradic Color

#18ada0
```
#18ada0 rgb(24,173,160)
```
#1bc4b4
```
#1bc4b4 rgb(27,196,180)
```
#1fdac9
```
#1fdac9 rgb(31,218,201)
```
#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#46e5d7
```
#46e5d7 rgb(70,229,215)
```
#5de8dc
```
#5de8dc rgb(93,232,220)
```
#73ebe1
```
#73ebe1 rgb(115,235,225)
```

Monochromatic Color

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

#30e2a6
```
#30e2a6 rgb(48,226,166)
```
#30e2b4
```
#30e2b4 rgb(48,226,180)
```
#30e2c3
```
#30e2c3 rgb(48,226,195)
```
#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#30e2e1
```
#30e2e1 rgb(48,226,225)
```
#30d4e2
```
#30d4e2 rgb(48,212,226)
```
#30c6e2
```
#30c6e2 rgb(48,198,226)
```

Similar Colors

Text with hexadecimal color #30e2d2

This text has a font color of #30e2d2.

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

#30e2d2 background color

This paragraph has a background color of #30e2d2.

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

#30e2d2 border color

This element has a border color of #30e2d2.

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

CSS codes

.text {color:#30e2d2;}

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

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

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, #02110f is the darkest color, while #feffff is the lightest one.

#02110f
```
#02110f rgb(2,17,15)
```
#05221f
```
#05221f rgb(5,34,31)
```
#07332f
```
#07332f rgb(7,51,47)
```
#0a443f
```
#0a443f rgb(10,68,63)
```
#0c554f
```
#0c554f rgb(12,85,79)
```
#0e675f
```
#0e675f rgb(14,103,95)
```
#11786f
```
#11786f rgb(17,120,111)
```
#13897f
```
#13897f rgb(19,137,127)
```
#169a8e
```
#169a8e rgb(22,154,142)
```
#18ac9e
```
#18ac9e rgb(24,172,158)
```
#1abdae
```
#1abdae rgb(26,189,174)
```
#1dcebe
```
#1dcebe rgb(29,206,190)
```
#1fdfce
```
#1fdfce rgb(31,223,206)
```

Shade Color Variation

#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#41e4d6
```
#41e4d6 rgb(65,228,214)
```
#52e7d9
```
#52e7d9 rgb(82,231,217)
```
#64e9dd
```
#64e9dd rgb(100,233,221)
```
#75ece1
```
#75ece1 rgb(117,236,225)
```
#86eee5
```
#86eee5 rgb(134,238,229)
```
#97f0e8
```
#97f0e8 rgb(151,240,232)
```
#a8f3ec
```
#a8f3ec rgb(168,243,236)
```
#baf5f0
```
#baf5f0 rgb(186,245,240)
```
#cbf8f4
```
#cbf8f4 rgb(203,248,244)
```
#dcfaf7
```
#dcfaf7 rgb(220,250,247)
```
#edfdfb
```
#edfdfb rgb(237,253,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#82908f
```
#82908f rgb(130,144,143)
```
#799996
```
#799996 rgb(121,153,150)
```
#70a29e
```
#70a29e rgb(112,162,158)
```
#66aca5
```
#66aca5 rgb(102,172,165)
```
#5db5ad
```
#5db5ad rgb(93,181,173)
```
#54beb4
```
#54beb4 rgb(84,190,180)
```
#4bc7bc
```
#4bc7bc rgb(75,199,188)
```
#42d0c3
```
#42d0c3 rgb(66,208,195)
```
#39d9cb
```
#39d9cb rgb(57,217,203)
```
#30e2d2
```
#30e2d2 rgb(48,226,210)
```
#27ebd9
```
#27ebd9 rgb(39,235,217)
```
#1ef4e1
```
#1ef4e1 rgb(30,244,225)
```
#15fde8
```
#15fde8 rgb(21,253,232)
```

Tone Color Variation

Below, you can see how #30e2d2 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
#92b6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2ccc8 Protanopia 1% of men
#d8c8de Deuteranopia 1% of men
#53dfef Tritanopia 0.001% of the population

Trichromacy

#97d4cb Protanomaly 1% of men, 0.01% of women
#9bd1d9 Deuteranomaly 6% of men, 0.4% of women
#46e0e4 Tritanomaly 0.01% of the population

#30e2d2 hex color

#30e2d2 Color Information

#30e2d2 Color Conversion

Color Schemes with #30e2d2

Alternatives to #30e2d2

#30e2d2 Preview

Shades and Tints of #30e2d2

Tones of #30e2d2

Color Blindness Simulator