#30a29c hex color

In a RGB color space, hex #30a29c is composed of 18.8% red, 63.5% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 3.7% yellow and 36.5% black. It has a hue angle of 176.8 degrees, a saturation of 54.3% and a lightness of 41.2%. #30a29c color hex could be obtained by blending #60ffff with #004539. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 64
- B 61
RGB color chart
- C 70
- M 0
- Y 4
- K 36
CMYK color chart

● #30a29c color description : Dark cyan.

The hexadecimal color #30a29c has RGB values of R:48, G:162, B:156 and CMYK values of C:0.7, M:0, Y:0.04, K:0.36. Its decimal value is 3187356.

Hex triplet	30a29c	`#30a29c`
RGB Decimal	48, 162, 156	`rgb(48,162,156)`
RGB Percent	18.8, 63.5, 61.2	`rgb(18.8%,63.5%,61.2%)`
CMYK	70, 0, 4, 36
HSL	176.8°, 54.3, 41.2	`hsl(176.8,54.3%,41.2%)`
HSV (or HSB)	176.8°, 70.4, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.665, -32.372, -6.067
XYZ	20.138, 28.868, 35.961
xyY	0.237, 0.34, 28.868
CIE-LCH	60.665, 32.936, 190.614
CIE-LUV	60.665, -42.793, -4.14
Hunter-Lab	53.728, -27.121, -2.074
Binary	00110000, 10100010, 10011100

#30a29c
```
#30a29c rgb(48,162,156)
```
#a23036
```
#a23036 rgb(162,48,54)
```

Complementary Color

#30a263
```
#30a263 rgb(48,162,99)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#306fa2
```
#306fa2 rgb(48,111,162)
```

Analogous Color

#a26330
```
#a26330 rgb(162,99,48)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#a2306f
```
#a2306f rgb(162,48,111)
```

Split Complementary Color

#a29c30
```
#a29c30 rgb(162,156,48)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#9c30a2
```
#9c30a2 rgb(156,48,162)
```

Triadic Color

#36a230
```
#36a230 rgb(54,162,48)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#9c30a2
```
#9c30a2 rgb(156,48,162)
```
#a23036
```
#a23036 rgb(162,48,54)
```

Tetradic Color

#1f6763
```
#1f6763 rgb(31,103,99)
```
#247b76
```
#247b76 rgb(36,123,118)
```
#2a8e89
```
#2a8e89 rgb(42,142,137)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#36b6af
```
#36b6af rgb(54,182,175)
```
#3fc6bf
```
#3fc6bf rgb(63,198,191)
```
#53ccc6
```
#53ccc6 rgb(83,204,198)
```

Monochromatic Color

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

#30a280
```
#30a280 rgb(48,162,128)
```
#30a289
```
#30a289 rgb(48,162,137)
```
#30a293
```
#30a293 rgb(48,162,147)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#309fa2
```
#309fa2 rgb(48,159,162)
```
#3095a2
```
#3095a2 rgb(48,149,162)
```
#308ca2
```
#308ca2 rgb(48,140,162)
```

Similar Colors

Text with hexadecimal color #30a29c

This text has a font color of #30a29c.

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

#30a29c background color

This paragraph has a background color of #30a29c.

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

#30a29c border color

This element has a border color of #30a29c.

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

CSS codes

.text {color:#30a29c;}

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

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

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, #030b0a is the darkest color, while #fbfefe is the lightest one.

#030b0a
```
#030b0a rgb(3,11,10)
```
#081a19
```
#081a19 rgb(8,26,25)
```
#0c2927
```
#0c2927 rgb(12,41,39)
```
#113836
```
#113836 rgb(17,56,54)
```
#154745
```
#154745 rgb(21,71,69)
```
#1a5653
```
#1a5653 rgb(26,86,83)
```
#1e6562
```
#1e6562 rgb(30,101,98)
```
#237570
```
#237570 rgb(35,117,112)
```
#27847f
```
#27847f rgb(39,132,127)
```
#2c938d
```
#2c938d rgb(44,147,141)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#34b1ab
```
#34b1ab rgb(52,177,171)
```
#39c0b9
```
#39c0b9 rgb(57,192,185)
```

Shade Color Variation

#45c8c1
```
#45c8c1 rgb(69,200,193)
```
#54ccc6
```
#54ccc6 rgb(84,204,198)
```
#63d1cb
```
#63d1cb rgb(99,209,203)
```
#72d5d0
```
#72d5d0 rgb(114,213,208)
```
#81dad5
```
#81dad5 rgb(129,218,213)
```
#91deda
```
#91deda rgb(145,222,218)
```
#a0e3df
```
#a0e3df rgb(160,227,223)
```
#afe7e4
```
#afe7e4 rgb(175,231,228)
```
#beece9
```
#beece9 rgb(190,236,233)
```
#cdf0ee
```
#cdf0ee rgb(205,240,238)
```
#dcf5f3
```
#dcf5f3 rgb(220,245,243)
```
#ebf9f8
```
#ebf9f8 rgb(235,249,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696969 is the less saturated color, while #08cac0 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#607271
```
#607271 rgb(96,114,113)
```
#587a78
```
#587a78 rgb(88,122,120)
```
#50827f
```
#50827f rgb(80,130,127)
```
#488a86
```
#488a86 rgb(72,138,134)
```
#40928e
```
#40928e rgb(64,146,142)
```
#389a95
```
#389a95 rgb(56,154,149)
```
#30a29c
```
#30a29c rgb(48,162,156)
```
#28aaa3
```
#28aaa3 rgb(40,170,163)
```
#20b2aa
```
#20b2aa rgb(32,178,170)
```
#18bab2
```
#18bab2 rgb(24,186,178)
```
#10c2b9
```
#10c2b9 rgb(16,194,185)
```
#08cac0
```
#08cac0 rgb(8,202,192)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9798 Protanopia 1% of men
#9e94a7 Deuteranopia 1% of men
#45a4b0 Tritanopia 0.001% of the population

Trichromacy

#739b99 Protanomaly 1% of men, 0.01% of women
#7699a3 Deuteranomaly 6% of men, 0.4% of women
#3da3a9 Tritanomaly 0.01% of the population

#30a29c hex color

#30a29c Color Information

#30a29c Color Conversion

Color Schemes with #30a29c

Alternatives to #30a29c

#30a29c Preview

Shades and Tints of #30a29c

Tones of #30a29c

Color Blindness Simulator