#30aeb2 hex color

In a RGB color space, hex #30aeb2 is composed of 18.8% red, 68.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 2.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 181.8 degrees, a saturation of 57.5% and a lightness of 44.3%. #30aeb2 color hex could be obtained by blending #60ffff with #005d65. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 68
- B 70
RGB color chart
- C 73
- M 2
- Y 0
- K 30
CMYK color chart

● #30aeb2 color description : Dark cyan.

The hexadecimal color #30aeb2 has RGB values of R:48, G:174, B:178 and CMYK values of C:0.73, M:0.02, Y:0, K:0.3. Its decimal value is 3190450.

Hex triplet	30aeb2	`#30aeb2`
RGB Decimal	48, 174, 178	`rgb(48,174,178)`
RGB Percent	18.8, 68.2, 69.8	`rgb(18.8%,68.2%,69.8%)`
CMYK	73, 2, 0, 30
HSL	181.8°, 57.5, 44.3	`hsl(181.8,57.5%,44.3%)`
HSV (or HSB)	181.8°, 73, 69.8
Web Safe	339999	`#339999`

CIE-LAB	65.052, -31.636, -11.851
XYZ	24.388, 34.113, 47.416
xyY	0.23, 0.322, 34.113
CIE-LCH	65.052, 33.783, 200.535
CIE-LUV	65.052, -45.687, -13.304
Hunter-Lab	58.406, -27.675, -7.25
Binary	00110000, 10101110, 10110010

#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#b23430
```
#b23430 rgb(178,52,48)
```

Complementary Color

#30b275
```
#30b275 rgb(48,178,117)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#306db2
```
#306db2 rgb(48,109,178)
```

Analogous Color

#b27530
```
#b27530 rgb(178,117,48)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#b2306d
```
#b2306d rgb(178,48,109)
```

Split Complementary Color

#aeb230
```
#aeb230 rgb(174,178,48)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#b230ae
```
#b230ae rgb(178,48,174)
```

Triadic Color

#30b234
```
#30b234 rgb(48,178,52)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#b230ae
```
#b230ae rgb(178,48,174)
```
#b23430
```
#b23430 rgb(178,52,48)
```

Tetradic Color

#207376
```
#207376 rgb(32,115,118)
```
#25878a
```
#25878a rgb(37,135,138)
```
#2b9a9e
```
#2b9a9e rgb(43,154,158)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#35c2c6
```
#35c2c6 rgb(53,194,198)
```
#47c9ce
```
#47c9ce rgb(71,201,206)
```
#5ccfd3
```
#5ccfd3 rgb(92,207,211)
```

Monochromatic Color

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

#30b296
```
#30b296 rgb(48,178,150)
```
#30b2a0
```
#30b2a0 rgb(48,178,160)
```
#30b2ab
```
#30b2ab rgb(48,178,171)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#30a3b2
```
#30a3b2 rgb(48,163,178)
```
#3098b2
```
#3098b2 rgb(48,152,178)
```
#308eb2
```
#308eb2 rgb(48,142,178)
```

Similar Colors

Text with hexadecimal color #30aeb2

This text has a font color of #30aeb2.

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

#30aeb2 background color

This paragraph has a background color of #30aeb2.

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

#30aeb2 border color

This element has a border color of #30aeb2.

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

CSS codes

.text {color:#30aeb2;}

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

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

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, #020808 is the darkest color, while #f8fdfd is the lightest one.

#020808
```
#020808 rgb(2,8,8)
```
#061718
```
#061718 rgb(6,23,24)
```
#0b2627
```
#0b2627 rgb(11,38,39)
```
#0f3536
```
#0f3536 rgb(15,53,54)
```
#134446
```
#134446 rgb(19,68,70)
```
#175355
```
#175355 rgb(23,83,85)
```
#1b6265
```
#1b6265 rgb(27,98,101)
```
#1f7274
```
#1f7274 rgb(31,114,116)
```
#248184
```
#248184 rgb(36,129,132)
```
#289093
```
#289093 rgb(40,144,147)
```
#2c9fa3
```
#2c9fa3 rgb(44,159,163)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#34bdc1
```
#34bdc1 rgb(52,189,193)
```

Shade Color Variation

#3ec7cb
```
#3ec7cb rgb(62,199,203)
```
#4ecbcf
```
#4ecbcf rgb(78,203,207)
```
#5dd0d3
```
#5dd0d3 rgb(93,208,211)
```
#6dd4d8
```
#6dd4d8 rgb(109,212,216)
```
#7cd9dc
```
#7cd9dc rgb(124,217,220)
```
#8bdde0
```
#8bdde0 rgb(139,221,224)
```
#9be2e4
```
#9be2e4 rgb(155,226,228)
```
#aae6e8
```
#aae6e8 rgb(170,230,232)
```
#baebec
```
#baebec rgb(186,235,236)
```
#c9eff1
```
#c9eff1 rgb(201,239,241)
```
#d9f4f5
```
#d9f4f5 rgb(217,244,245)
```
#e8f8f9
```
#e8f8f9 rgb(232,248,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7575 is the less saturated color, while #05d7dd is the most saturated one.

#6d7575
```
#6d7575 rgb(109,117,117)
```
#647d7e
```
#647d7e rgb(100,125,126)
```
#5b8587
```
#5b8587 rgb(91,133,135)
```
#538d8f
```
#538d8f rgb(83,141,143)
```
#4a9698
```
#4a9698 rgb(74,150,152)
```
#419ea1
```
#419ea1 rgb(65,158,161)
```
#39a6a9
```
#39a6a9 rgb(57,166,169)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#27b6bb
```
#27b6bb rgb(39,182,187)
```
#1fbec3
```
#1fbec3 rgb(31,190,195)
```
#16c6cc
```
#16c6cc rgb(22,198,204)
```
#0dcfd5
```
#0dcfd5 rgb(13,207,213)
```
#05d7dd
```
#05d7dd rgb(5,215,221)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#779091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a1ac Protanopia 1% of men
#a49fbd Deuteranopia 1% of men
#41b0bd Tritanopia 0.001% of the population

Trichromacy

#78a6ae Protanomaly 1% of men, 0.01% of women
#7aa4b9 Deuteranomaly 6% of men, 0.4% of women
#3aafb9 Tritanomaly 0.01% of the population

#30aeb2 hex color

#30aeb2 Color Information

#30aeb2 Color Conversion

Color Schemes with #30aeb2

Alternatives to #30aeb2

#30aeb2 Preview

Shades and Tints of #30aeb2

Tones of #30aeb2

Color Blindness Simulator