#30a395 hex color

In a RGB color space, hex #30a395 is composed of 18.8% red, 63.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 8.6% yellow and 36.1% black. It has a hue angle of 172.7 degrees, a saturation of 54.5% and a lightness of 41.4%. #30a395 color hex could be obtained by blending #60ffff with #00472b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 64
- B 58
RGB color chart
- C 71
- M 0
- Y 9
- K 36
CMYK color chart

● #30a395 color description : Dark cyan.

The hexadecimal color #30a395 has RGB values of R:48, G:163, B:149 and CMYK values of C:0.71, M:0, Y:0.09, K:0.36. Its decimal value is 3187605.

Hex triplet	30a395	`#30a395`
RGB Decimal	48, 163, 149	`rgb(48,163,149)`
RGB Percent	18.8, 63.9, 58.4	`rgb(18.8%,63.9%,58.4%)`
CMYK	71, 0, 9, 36
HSL	172.7°, 54.5, 41.4	`hsl(172.7,54.5%,41.4%)`
HSV (or HSB)	172.7°, 70.6, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.774, -34.824, -1.958
XYZ	19.739, 28.991, 32.988
xyY	0.242, 0.355, 28.991
CIE-LCH	60.774, 34.879, 183.218
CIE-LUV	60.774, -43.617, 2.374
Hunter-Lab	53.843, -28.787, 1.366
Binary	00110000, 10100011, 10010101

#30a395
```
#30a395 rgb(48,163,149)
```
#a3303e
```
#a3303e rgb(163,48,62)
```

Complementary Color

#30a35c
```
#30a35c rgb(48,163,92)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#3078a3
```
#3078a3 rgb(48,120,163)
```

Analogous Color

#a35c30
```
#a35c30 rgb(163,92,48)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#a33078
```
#a33078 rgb(163,48,120)
```

Split Complementary Color

#a39530
```
#a39530 rgb(163,149,48)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#9530a3
```
#9530a3 rgb(149,48,163)
```

Triadic Color

#3ea330
```
#3ea330 rgb(62,163,48)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#9530a3
```
#9530a3 rgb(149,48,163)
```
#a3303e
```
#a3303e rgb(163,48,62)
```

Tetradic Color

#1f685f
```
#1f685f rgb(31,104,95)
```
#247c71
```
#247c71 rgb(36,124,113)
```
#2a8f83
```
#2a8f83 rgb(42,143,131)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#36b7a7
```
#36b7a7 rgb(54,183,167)
```
#3fc7b6
```
#3fc7b6 rgb(63,199,182)
```
#53ccbe
```
#53ccbe rgb(83,204,190)
```

Monochromatic Color

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

#30a378
```
#30a378 rgb(48,163,120)
```
#30a382
```
#30a382 rgb(48,163,130)
```
#30a38b
```
#30a38b rgb(48,163,139)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#30a39f
```
#30a39f rgb(48,163,159)
```
#309ea3
```
#309ea3 rgb(48,158,163)
```
#3094a3
```
#3094a3 rgb(48,148,163)
```

Similar Colors

Text with hexadecimal color #30a395

This text has a font color of #30a395.

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

#30a395 background color

This paragraph has a background color of #30a395.

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

#30a395 border color

This element has a border color of #30a395.

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

CSS codes

.text {color:#30a395;}

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

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

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)
```
#081b18
```
#081b18 rgb(8,27,24)
```
#0c2a26
```
#0c2a26 rgb(12,42,38)
```
#113934
```
#113934 rgb(17,57,52)
```
#154842
```
#154842 rgb(21,72,66)
```
#1a5750
```
#1a5750 rgb(26,87,80)
```
#1e665e
```
#1e665e rgb(30,102,94)
```
#23766b
```
#23766b rgb(35,118,107)
```
#278579
```
#278579 rgb(39,133,121)
```
#2c9487
```
#2c9487 rgb(44,148,135)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#34b2a3
```
#34b2a3 rgb(52,178,163)
```
#39c1b1
```
#39c1b1 rgb(57,193,177)
```

Shade Color Variation

#45c8b8
```
#45c8b8 rgb(69,200,184)
```
#55cdbe
```
#55cdbe rgb(85,205,190)
```
#64d1c4
```
#64d1c4 rgb(100,209,196)
```
#73d6ca
```
#73d6ca rgb(115,214,202)
```
#82dacf
```
#82dacf rgb(130,218,207)
```
#91dfd5
```
#91dfd5 rgb(145,223,213)
```
#a0e3db
```
#a0e3db rgb(160,227,219)
```
#b0e8e1
```
#b0e8e1 rgb(176,232,225)
```
#bfece7
```
#bfece7 rgb(191,236,231)
```
#cef1ec
```
#cef1ec rgb(206,241,236)
```
#ddf5f2
```
#ddf5f2 rgb(221,245,242)
```
#ecf9f8
```
#ecf9f8 rgb(236,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, #696a6a is the less saturated color, while #07ccb4 is the most saturated one.

#696a6a
```
#696a6a rgb(105,106,106)
```
#617270
```
#617270 rgb(97,114,112)
```
#597a76
```
#597a76 rgb(89,122,118)
```
#50837c
```
#50837c rgb(80,131,124)
```
#488b83
```
#488b83 rgb(72,139,131)
```
#409389
```
#409389 rgb(64,147,137)
```
#389b8f
```
#389b8f rgb(56,155,143)
```
#30a395
```
#30a395 rgb(48,163,149)
```
#28ab9b
```
#28ab9b rgb(40,171,155)
```
#20b3a1
```
#20b3a1 rgb(32,179,161)
```
#18bba7
```
#18bba7 rgb(24,187,167)
```
#10c3ae
```
#10c3ae rgb(16,195,174)
```
#07ccb4
```
#07ccb4 rgb(7,204,180)
```

Tone Color Variation

Below, you can see how #30a395 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
#6f8683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9792 Protanopia 1% of men
#a194a1 Deuteranopia 1% of men
#48a4b0 Tritanopia 0.001% of the population

Trichromacy

#749b93 Protanomaly 1% of men, 0.01% of women
#78999c Deuteranomaly 6% of men, 0.4% of women
#3fa3a6 Tritanomaly 0.01% of the population

#30a395 hex color

#30a395 Color Information

#30a395 Color Conversion

Color Schemes with #30a395

Alternatives to #30a395

#30a395 Preview

Shades and Tints of #30a395

Tones of #30a395

Color Blindness Simulator